From 504b8517311f8c5c4b8f21705947af4f64b85637 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Wed, 24 Jul 2024 17:59:21 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(header)=20just=20show=20the=20sett?=
 =?UTF-8?q?ings=20button=20in=20the=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

for now! i wanna ditch the header anyway when we rework the conference
view
---
 src/frontend/src/layout/Header.tsx | 20 +++-----------------
 1 file changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/frontend/src/layout/Header.tsx b/src/frontend/src/layout/Header.tsx
index 1488f1e4..d60eb3bd 100644
--- a/src/frontend/src/layout/Header.tsx
+++ b/src/frontend/src/layout/Header.tsx
@@ -1,15 +1,12 @@
 import { Link } from 'wouter'
 import { css } from '@/styled-system/css'
-import { flex } from '@/styled-system/patterns'
 import { Stack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
-import { LanguageSelector } from '@/i18n/LanguageSelector'
-import { A, Badge, Text } from '@/primitives'
-import { authUrl, logoutUrl, useUser } from '@/features/auth'
+import { Text } from '@/primitives'
+import { SettingsButton } from '@/features/settings'
 
 export const Header = () => {
   const { t } = useTranslation()
-  const { user, isLoggedIn } = useUser()
   return (
     <div
       className={css({
@@ -29,18 +26,7 @@ export const Header = () => {
           </Text>
         </header>
         <nav>
-          <Stack gap={1} direction="row" align="center">
-            <LanguageSelector />
-            {isLoggedIn === false && <A href={authUrl()}>{t('login')}</A>}
-            {!!user && (
-              <p className={flex({ gap: 1, align: 'center' })}>
-                <Badge>{user.email}</Badge>
-                <A href={logoutUrl()} size="sm">
-                  {t('logout')}
-                </A>
-              </p>
-            )}
-          </Stack>
+          <SettingsButton />
         </nav>
       </Stack>
     </div>