Merge pull request #31 from LAKSHYA9941/main

Auth/Login page

Author: 0-harshit-0

webapp_front/package-lock.json

@@ -4,15 +4,14 @@ import { onAuthStateChanged, type User } from 'firebase/auth';
 
 import "./App.css"; // Ensure Tailwind is working
 
-
-import { auth } from './_libs/firebase';
-
 import RootLayout from "./_components/layouts";
 
 import Home from "./_components/home";
-import { Auth, Explore } from "./_components/socializing";
+import Auth from "./_components/auth";
+import { Explore } from "./_components/socializing";
 import Goodbye from "./_components/goodbye";
 
+import { auth } from './_libs/firebase';
 import { useAuthDataStore } from "./_stores/user_auth_data";
 
 
@@ -34,23 +33,19 @@ const App = () => {
 
     return (
         <Routes>
+          {/* Auth route without layout */}
+          <Route path="/get-started" element={<Auth />} />
+          
+          {/* All other routes with RootLayout */}
           <Route element={<RootLayout />}>
             <Route index element={<Home />} />
-            {
-              useAuthStore.signInData
-              ?
-              <>
-                <Route path="/socialize/explore" element={<Explore />} />
-              </>
-              :
-              <>
-                <Route path="/socialize" element={<Auth />} />
-              </>
-            }
+            {useAuthStore.signInData && (
+              <Route path="/socialize/explore" element={<Explore />} />
+            )}
             <Route path="/goodbye" element={<Goodbye />} />
-            {/* <Route path="/qr" element={<><QRCustomize /></>} /> */}
-            <Route path="*" element={<div className="grid place-items-center h-full text-3xl">no chai here</div>} />
           </Route>
+
+          <Route path="*" element={<div className="grid place-items-center h-full text-3xl">no chai here</div>} />
         </Routes>
     );
 };