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

---
 components/Header.js | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

(limited to 'components/Header.js')

diff --git a/components/Header.js b/components/Header.js
index 5279c80..9ff3d75 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -2,15 +2,17 @@ import styles from 'styles/Main.module.scss'
 import React, {useState} from 'react'
 import {useRouter} from 'next/router'
 import Link from 'next/link'
-import useUser from 'lib/useUser'
-import fetchJson from 'lib/fetchJson'
+import useUser from 'hooks/useUser'
+import fetchJson from 'helpers/fetchJson'
 import {focus, toggleMin} from 'helpers/windowActions'
 import {open} from 'helpers/windowActions'
-import appList from 'helpers/appList'
+import appList from 'configs/appList'
+import useSettings from 'hooks/useSettings'
 
 const Header = ({apps, setApps}) => {
   const [userMenu, setUserMenu] = useState(false);
   const {user, mutateUser} = useUser()
+  const {t} = useSettings()
   const router = useRouter()
 
   const handleLogout = async (e) => {
@@ -46,7 +48,7 @@ const Header = ({apps, setApps}) => {
                     ...app.min ? {color: '#888'} : {}
                   }}
                 >
-                  {app.name}
+                  {t(app.name)}
                 </span>
               </li>
             ))
@@ -56,14 +58,14 @@ const Header = ({apps, setApps}) => {
           {!user?.isLoggedIn && (
             <li>
               <Link href="/register">
-                <a>Register</a>
+                <a>{t('register')}</a>
               </Link>
             </li>
           )}
           {!user?.isLoggedIn && (
             <li>
               <Link href="/login">
-                <a>Login</a>
+                <a>{t('login')}</a>
               </Link>
             </li>
           )}
@@ -79,17 +81,19 @@ const Header = ({apps, setApps}) => {
                 <>
                   <div className={styles.headerOverlay} onClick={() => setUserMenu(false)} />
                   <ul className={styles.submenu}>
-                    <li>
-                      <span onClick={() => {
-                        open({appName: 'Settings', ...appList.Settings}, setApps)
-                        setUserMenu()
-                      }}>
-                        Settings
-                      </span>
-                    </li>
+                    {user.isVerified && (
+                      <li>
+                        <span onClick={() => {
+                          open({appName: 'Settings', ...appList.Settings}, setApps)
+                          setUserMenu()
+                        }}>
+                          {t('Settings')}
+                        </span>
+                      </li>
+                    )}
                     <li>
                       <a href="/api/logout" onClick={handleLogout}>
-                        Logout
+                        {t('logout')}
                       </a>
                     </li>
                   </ul>
-- 
cgit v1.2.3