[MOD] put logout button back into sidebar

SchoodEIP · Nov 29, 2024 · eccd2f6 · eccd2f6
1 parent 8928881
commit eccd2f6
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
@@ -9,7 +9,7 @@ import { toast } from 'react-toastify'
 
 import { FaUsers, FaExclamationCircle } from 'react-icons/fa'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faAnglesDown } from '@fortawesome/free-solid-svg-icons'
+import { faAnglesDown, faRightFromBracket } from '@fortawesome/free-solid-svg-icons'
 
 import '../../css/Components/Popup/popup.scss'
 import '../../css/Components/Sidebar/sidebar.scss'
@@ -277,6 +277,9 @@ export default function Sidebar () {
             <div data-testid='sidebar-expander' onClick={() => toggleSidebar()} className='item'>
               <FontAwesomeIcon size='2xl' icon={faAnglesDown} rotation={270} style={{ color: '#4f23e2' }} />
             </div>
+            <div onClick={() => disconnect()} className='item'>
+              <FontAwesomeIcon icon={faRightFromBracket} size='2xl' style={{ color: '#4f23e2' }} />
+            </div>
           </div>
         </div>
       )}
@@ -321,6 +324,9 @@ export default function Sidebar () {
             <div data-testid='sidebar-collapser' onClick={() => toggleSidebar()} className='item'>
               <FontAwesomeIcon size='2xl' icon={faAnglesDown} rotation={90} style={{ color: '#4f23e2' }} /> Réduire
             </div>
+            <div onClick={() => disconnect()} className='item'>
+              <FontAwesomeIcon icon={faRightFromBracket} size='2xl' style={{ color: '#4f23e2' }} />
+            </div>
           </div>
         </div>
       )}