aboutsummaryrefslogtreecommitdiffstats
path: root/apps/Notes/components/Import.js
diff options
context:
space:
mode:
Diffstat (limited to 'apps/Notes/components/Import.js')
-rw-r--r--apps/Notes/components/Import.js15
1 files changed, 8 insertions, 7 deletions
diff --git a/apps/Notes/components/Import.js b/apps/Notes/components/Import.js
index 700acb4..ad2b831 100644
--- a/apps/Notes/components/Import.js
+++ b/apps/Notes/components/Import.js
@@ -1,10 +1,11 @@
import styles from '../Notes.module.scss'
import React, {useState} from 'react'
-import fetchJson from 'lib/fetchJson'
+import useSettings from 'hooks/useSettings'
import useNotes from '../hooks/useNotes'
import {state, color, handleImport, handleChange} from '../helpers/import'
const Import = ({setAction}) => {
+ const {t} = useSettings()
const [files, setFiles] = useState()
const [done, setDone] = useState([])
const {mutateNotes} = useNotes()
@@ -12,14 +13,14 @@ const Import = ({setAction}) => {
return (
<section className={styles.import}>
<div className='window__submenu'>
- <div onClick={() => {setAction('')}}>Back</div>
+ <div onClick={() => {setAction('')}}>{t('back')}</div>
</div>
<div className='window__scroll'>
<form onSubmit={e => handleImport(e, files, mutateNotes, setDone)}>
- Import new notes:
+ {t('notes_import')}
<div>
<label className="window__button">
- Choose files
+ {t('choose_files')}
<input
name="import"
type="file"
@@ -31,14 +32,14 @@ const Import = ({setAction}) => {
</div>
{files && (
<>
- <p>Notes to import:</p>
+ <p>{t('notes_to_import')}</p>
<ul>
{[...files].map((f, i) => <li style={color(done[i])} key={f.name}>{f.name} {state(done[i])}</li>)}
</ul>
{
done.length === 0
- ? <input type="submit" value="Import" className="window__button" />
- : <p>Import finished.<br/><br/>Go back to notes list or choose other notes to import.</p>
+ ? <input type="submit" value={t('import')} className="window__button" />
+ : <p>{t('import_finished')}<br/><br/>{t('notes_import_go_back')}</p>
}
</>
)}