1 files changed, 10 insertions, 2 deletions
diff --git a/apps/Notes/components/List.js b/apps/Notes/components/List.js
index 0e6c8fa..7d88c8d 100644
--- a/apps/Notes/components/List.js
+++ b/apps/Notes/components/List.js
@@ -1,4 +1,5 @@
 import styles from '../styles/Notes.module.scss'
+import { useRouter } from 'next/router'
 import React, { useState, useEffect } from 'react'
 import useUser from 'hooks/useUser'
 import useSettings from 'hooks/useSettings'
@@ -7,8 +8,9 @@ import useSort from '../hooks/useSort'
 import ListItem from './ListItem'
 import Actions from './Actions'
 import { Splash } from 'components'
+import handleLogout from 'helpers/logout'
 
-const List = () => {
+const List = ({ logout }) => {
   const [fetchedNote, setFetchedNote] = useState()
   const [action, setAction] = useState('')
   const [loading, setLoading] = useState(false)
@@ -16,7 +18,8 @@ const List = () => {
   const { notes, error } = useNotes()
   const [sortedBy, sortBy, sortFn] = useSort(3)
   const { t } = useSettings()
-  const { user } = useUser({
+  const router = useRouter()
+  const { user, mutateUser } = useUser({
     redirectToLogin: true,
     redirectToVerify: true
   })
@@ -41,6 +44,11 @@ const List = () => {
               <div className='mobile-only' onClick={() => { setShowSort(s => !s) }}>{t('sort')}</div>
               <div onClick={() => setAction('importNotes')}>{t('import')}</div>
               <div onClick={() => setAction('exportNotes')}>{t('export')}</div>
+              {logout && (
+                <div onClick={e => handleLogout(e, router, mutateUser)}>
+                  {t('logout')}
+                </div>
+              )}
             </div>
           </div>
           <div className='window__scroll'>