From 28641659d21bbd81e8b0f35312c259db0f80b209 Mon Sep 17 00:00:00 2001
From: hemant <nagar.hemant003@gmail.com>
Date: Thu, 2 Apr 2026 00:49:41 +0530
Subject: [PATCH] Fixed React routing issue for login button.

---
 webapp/src/App.jsx               |  3 ++-
 webapp/src/pages/Login/Login.css | 15 +++++++++++++++
 webapp/src/pages/Login/Login.jsx | 11 +++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 webapp/src/pages/Login/Login.css
 create mode 100644 webapp/src/pages/Login/Login.jsx

diff --git a/webapp/src/App.jsx b/webapp/src/App.jsx
index 4145449..7ceaf8b 100644
--- a/webapp/src/App.jsx
+++ b/webapp/src/App.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { Route, Routes } from "react-router-dom";
 import Debug from "./pages/Debug/Debug";
+import Login from "./pages/Login/Login";
 import Threads from "./components/GdbComponents/Threads/Threads";
 import LocalVariable from "./components/GdbComponents/LocalVariable/LocalVariable";
 import Context from "./components/GdbComponents/Context/Context";
@@ -30,6 +31,7 @@ const App = () => {
       />
 
       <Routes>
+        <Route path="/login" element={<Login />} />
         <Route path="debug" element={<Debug />}>
           <Route path="threads" element={<Threads />} />
           <Route path="localVariable" element={<LocalVariable />} />
@@ -37,7 +39,6 @@ const App = () => {
           <Route path="memoryMap" element={<MemoryMap />} />
           <Route path="breakPoints" element={<BreakPoints />} />
         </Route>
-        {/* You can add more routes here */}
       </Routes>
       <Footer />
     </div>
diff --git a/webapp/src/pages/Login/Login.css b/webapp/src/pages/Login/Login.css
new file mode 100644
index 0000000..92dfd42
--- /dev/null
+++ b/webapp/src/pages/Login/Login.css
@@ -0,0 +1,15 @@
+.login-page {
+  max-width: 28rem;
+  margin: 2rem auto;
+  padding: 1.5rem;
+}
+
+.login-page h1 {
+  margin: 0 0 0.75rem;
+  font-size: 1.5rem;
+}
+
+.login-page p {
+  margin: 0;
+  opacity: 0.85;
+}
diff --git a/webapp/src/pages/Login/Login.jsx b/webapp/src/pages/Login/Login.jsx
new file mode 100644
index 0000000..074c59e
--- /dev/null
+++ b/webapp/src/pages/Login/Login.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import "./Login.css";
+
+const Login = () => (
+  <main className="login-page">
+    <h1>Login</h1>
+    <p>Placeholder login UI.</p>
+  </main>
+);
+
+export default Login;