diff options
author | 2021-09-02 22:28:11 +0200 | |
---|---|---|
committer | 2021-09-02 23:54:56 +0200 | |
commit | f08f6ca0a9d337efff280d4d1669a41b5d9c31c2 (patch) | |
tree | 7dee778ba742deb5f499f2aa08a1ba040606d633 /apps/Notes/components/Import.js | |
parent | 9f74c550927671f4ded301d0cf3e9d592716375c (diff) | |
download | my_apps-f08f6ca0a9d337efff280d4d1669a41b5d9c31c2.tar.gz my_apps-f08f6ca0a9d337efff280d4d1669a41b5d9c31c2.tar.bz2 my_apps-f08f6ca0a9d337efff280d4d1669a41b5d9c31c2.zip |
finish translations, force maximize
Diffstat (limited to 'apps/Notes/components/Import.js')
-rw-r--r-- | apps/Notes/components/Import.js | 15 |
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> } </> )} |