From f08f6ca0a9d337efff280d4d1669a41b5d9c31c2 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Thu, 2 Sep 2021 22:28:11 +0200
Subject: finish translations, force maximize

---
 apps/Notes/components/List.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'apps/Notes/components/List.js')

diff --git a/apps/Notes/components/List.js b/apps/Notes/components/List.js
index 1fd03af..9655d74 100644
--- a/apps/Notes/components/List.js
+++ b/apps/Notes/components/List.js
@@ -1,6 +1,7 @@
 import styles from '../Notes.module.scss'
 import React, {useState, useEffect} from 'react'
-import useUser from 'lib/useUser'
+import useUser from 'hooks/useUser'
+import useSettings from 'hooks/useSettings'
 import useNotes from '../hooks/useNotes'
 import useSort from '../hooks/useSort'
 import ListItem from './ListItem'
@@ -13,6 +14,7 @@ const List = () => {
   const [loading, setLoading] = useState(false)
   const {notes, error} = useNotes()
   const [sortedBy, sortBy, sortFn] = useSort(3)
+  const {t} = useSettings()
   const {user} = useUser({
     redirectToLogin: true,
     redirectToVerify: true,
@@ -32,16 +34,16 @@ const List = () => {
     action === '' ? (
       <>
         <div className='window__submenu'>
-          <div onClick={() => setAction('addNote')}>New note</div>
-          <div onClick={() => setAction('importNotes')}>Import</div>
-          <div onClick={() => setAction('exportNotes')}>Export</div>
+          <div onClick={() => setAction('addNote')}>{t('notes_new')}</div>
+          <div onClick={() => setAction('importNotes')}>{t('import')}</div>
+          <div onClick={() => setAction('exportNotes')}>{t('export')}</div>
         </div>
         <table className={styles.notesList}>
           <thead>
             <tr>
-              <th onClick={() => sortBy(1)}>Title {sortedBy(1)}</th>
-              <th onClick={() => sortBy(2)}>Created {sortedBy(2)}</th>
-              <th onClick={() => sortBy(3)}>Modified {sortedBy(3)}</th>
+              <th onClick={() => sortBy(1)}>{t('title')} {sortedBy(1)}</th>
+              <th onClick={() => sortBy(2)}>{t('created')} {sortedBy(2)}</th>
+              <th onClick={() => sortBy(3)}>{t('modified')} {sortedBy(3)}</th>
             </tr>
           </thead>
           <tbody>
@@ -57,7 +59,7 @@ const List = () => {
                   />
                 ))) : (
                   <tr>
-                    <td>Your notes list is empty.</td>
+                    <td>{t('notes_list_empty')}</td>
                   </tr>
                 )}
           </tbody>
-- 
cgit v1.2.3