From 6e20d5385fe609ff9df40913e09ddcc03b1ae0da Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 17 Jul 2024 16:47:44 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20introduce=20a=20?=
 =?UTF-8?q?logoutUrl=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap the logout URL in a function for consistency with '/authenticate'.
---
 src/frontend/src/features/auth/index.ts           | 1 +
 src/frontend/src/features/auth/utils/logoutUrl.ts | 5 +++++
 src/frontend/src/layout/Header.tsx                | 5 ++---
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 src/frontend/src/features/auth/utils/logoutUrl.ts

diff --git a/src/frontend/src/features/auth/index.ts b/src/frontend/src/features/auth/index.ts
index 4d2344cf..d298a6cb 100644
--- a/src/frontend/src/features/auth/index.ts
+++ b/src/frontend/src/features/auth/index.ts
@@ -1,2 +1,3 @@
 export { useUser } from './api/useUser'
 export { authUrl } from './utils/authUrl'
+export { logoutUrl } from './utils/logoutUrl'
diff --git a/src/frontend/src/features/auth/utils/logoutUrl.ts b/src/frontend/src/features/auth/utils/logoutUrl.ts
new file mode 100644
index 00000000..6fa09fb7
--- /dev/null
+++ b/src/frontend/src/features/auth/utils/logoutUrl.ts
@@ -0,0 +1,5 @@
+import { apiUrl } from '@/api/apiUrl'
+
+export const logoutUrl = () => {
+  return apiUrl('/logout')
+}
diff --git a/src/frontend/src/layout/Header.tsx b/src/frontend/src/layout/Header.tsx
index 09b65e38..7ea8ab5d 100644
--- a/src/frontend/src/layout/Header.tsx
+++ b/src/frontend/src/layout/Header.tsx
@@ -1,8 +1,7 @@
 import { css } from '@/styled-system/css'
 import { flex } from '@/styled-system/patterns'
-import { apiUrl } from '@/api/apiUrl'
 import { A, Badge, Text } from '@/primitives'
-import { authUrl, useUser } from '@/features/auth'
+import { authUrl, logoutUrl, useUser } from '@/features/auth'
 
 export const Header = () => {
   const { user, isLoggedIn } = useUser()
@@ -35,7 +34,7 @@ export const Header = () => {
           {!!user && (
             <p className={flex({ gap: 1, align: 'center' })}>
               <Badge>{user.email}</Badge>
-              <A href={apiUrl('/logout')} size="small">
+              <A href={logoutUrl()} size="small">
                 Logout
               </A>
             </p>