1 files changed, 8 insertions, 8 deletions
diff --git a/apps/Notes/components/NoteView.js b/apps/Notes/components/NoteView.js
index 6926b09..02937f8 100644
--- a/apps/Notes/components/NoteView.js
+++ b/apps/Notes/components/NoteView.js
@@ -1,12 +1,14 @@
 import styles from '../Notes.module.scss'
 import React from 'react';
-import useNotes from '../hooks/useNotes'
+import useSettings from 'hooks/useSettings'
 import usePopup from 'hooks/usePopup'
+import useNotes from '../hooks/useNotes'
 import {removeNote, exportNote} from '../helpers/noteActions.js'
 import copyToClipboard from '../helpers/copyToClipboard.js'
 import Splash from 'components/Splash'
 
 const NoteView = ({fetchedNote, setFetchedNote, setAction}) => {
+  const {t} = useSettings()
   const {setPopup} = usePopup()
   const {mutateNotes} = useNotes()
 
@@ -21,19 +23,17 @@ const NoteView = ({fetchedNote, setFetchedNote, setAction}) => {
   return (
     <section className={styles.noteView}>
       <div className='window__submenu'>
-        <div onClick={() => {setFetchedNote(); setAction('')}}>Back</div>
-        <div onClick={() => copyToClipboard(content, setPopup)}>Copy</div>
-        <div onClick={() => {setAction('editNote')}}>Edit</div>
-        <div onClick={() => exportNote(fetchedNote)}>Export</div>
-        <div onClick={e => {removeNote(e, _id, mutateNotes, setPopup, setAction)}}>Remove</div>
+        <div onClick={() => {setFetchedNote(); setAction('')}}>{t('back')}</div>
+        <div onClick={() => copyToClipboard(content, t, setPopup)}>{t('copy')}</div>
+        <div onClick={() => {setAction('editNote')}}>{t('edit')}</div>
+        <div onClick={() => exportNote(fetchedNote)}>{t('export')}</div>
+        <div onClick={e => {removeNote(e, _id, mutateNotes, t, setPopup, setAction)}}>{t('remove')}</div>
       </div>
 
       <div className='window__scroll'>
         <h2>{title}</h2>
         <p>{content}</p>
       </div>
-      <style jsx>{`
-      `}</style>
     </section>
   )
 }