From 946ea38f3c6bb4cda1103be1a9867f3611aa5317 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gautier=20Ben=20A=C3=AFm?= <benaim.gautier@gmail.com>
Date: Thu, 16 Jan 2025 11:11:52 +0100
Subject: [PATCH] BACKLOG-23532: make login work without js

---
 src/client/LoginComponent.jsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/client/LoginComponent.jsx b/src/client/LoginComponent.jsx
index 2d1c120..47e2c92 100644
--- a/src/client/LoginComponent.jsx
+++ b/src/client/LoginComponent.jsx
@@ -11,7 +11,8 @@ const LoginComponent = ({isLoggedIn, userHydrated, urls, mode, nodePath, isShowR
     const [user, setUser] = useState(userHydrated);
     const [loggedIn, setLoggedIn] = useState(isLoggedIn);
 
-    const showModal = () => {
+    const showModal = event => {
+        event.preventDefault();
         modalRef.current.showModal();
     };
 
@@ -70,13 +71,15 @@ const LoginComponent = ({isLoggedIn, userHydrated, urls, mode, nodePath, isShowR
                     />
                 </div>
             </dialog>
-            <button
-                type="button"
-                className="d-block btn btn-link p-0 lux-capitalize border-0"
-                onClick={showModal}
-            >
-                {t('login.login')}
-            </button>
+            <p>
+                <a
+                    href={urls.loginUrl}
+                    className="lux-capitalize"
+                    onClick={showModal}
+                >
+                    {t('login.login')}
+                </a>
+            </p>
         </>
     );
 };