From 207c96d357958318cb233e473621fa08013c0582 Mon Sep 17 00:00:00 2001
From: martin-mfg <2026226+martin-mfg@users.noreply.github.com>
Date: Fri, 14 Nov 2025 13:57:10 +0100
Subject: [PATCH] step 1: fix links, no icon on 3rd button

---
 .../frontend/src/pages/Home/stages/Login.js   | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/frontend/frontend/src/pages/Home/stages/Login.js b/frontend/frontend/src/pages/Home/stages/Login.js
index 62b64cac..ba23a206 100644
--- a/frontend/frontend/src/pages/Home/stages/Login.js
+++ b/frontend/frontend/src/pages/Home/stages/Login.js
@@ -49,26 +49,30 @@ const LoginStage = ({ setCurrItem }) => {
             'lg:h-auto',
           )}
         >
-          {items.map((item, index) => (
-            <React.Fragment key={index}>
-              {index > 0 && <div className="mt-4" />}
-              <div className="flex gap-4 items-center">
-                {item.url && `<a href="${item.url}">`}
-                <Button
-                  className={
-                    item.buttonClassName +
-                    ' h-12 flex justify-center items-center'
-                  }
-                  onClick={item.onClick}
-                >
-                  <GithubIcon className="w-6 h-6" />
-                  <span className="ml-2 xl:text-lg">{item.label}</span>
-                </Button>
-                {item.url && '</a>'}
-                <div className="flex-1">{item.description}</div>
-              </div>
-            </React.Fragment>
-          ))}
+          {items.map((item, index) => {
+            const button = (
+              <Button
+                className={
+                  item.buttonClassName +
+                  ' h-12 flex justify-center items-center'
+                }
+                onClick={item.onClick}
+              >
+                {item.url && <GithubIcon className="w-6 h-6" />}
+                <span className="ml-2 xl:text-lg">{item.label}</span>
+              </Button>
+            );
+
+            return (
+              <React.Fragment key={index}>
+                {index > 0 && <div className="mt-4" />}
+                <div className="flex gap-4 items-center">
+                  {item.url ? <a href={item.url}>{button}</a> : button}
+                  <div className="flex-1">{item.description}</div>
+                </div>
+              </React.Fragment>
+            );
+          })}
         </div>
       </div>
       <div className="w-full h-full lg:w-2/5 flex lg:flex-col lg:p-8">