From 2e4c925a2c4249f857c0db095685bb7754840efe Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Wed, 22 Oct 2025 12:22:09 +0200
Subject: [PATCH] Improved auth

---
 src/{components => app}/auth/CreateAccount.tsx      |  4 ++--
 src/{components => app}/auth/Login.tsx              |  2 +-
 src/{components/auth/Auth.tsx => app/auth/page.tsx} | 13 +++++++++----
 src/app/login/page.tsx                              |  7 -------
 src/app/page.tsx                                    |  8 +++++---
 src/app/signup/page.tsx                             |  7 -------
 src/hooks/get-user.ts                               |  4 ++--
 7 files changed, 19 insertions(+), 26 deletions(-)
 rename src/{components => app}/auth/CreateAccount.tsx (97%)
 rename src/{components => app}/auth/Login.tsx (96%)
 rename src/{components/auth/Auth.tsx => app/auth/page.tsx} (61%)
 delete mode 100644 src/app/login/page.tsx
 delete mode 100644 src/app/signup/page.tsx

diff --git a/src/components/auth/CreateAccount.tsx b/src/app/auth/CreateAccount.tsx
similarity index 97%
rename from src/components/auth/CreateAccount.tsx
rename to src/app/auth/CreateAccount.tsx
index 8ff1f65..d1c63a8 100644
--- a/src/components/auth/CreateAccount.tsx
+++ b/src/app/auth/CreateAccount.tsx
@@ -5,8 +5,8 @@ import { Input } from "@/components/ui/input";
 import axios from "axios";
 import { useState } from "react";
 import Link from "next/link";
-import { CardContent, CardHeader, CardTitle } from "../ui/card";
-import { Label } from "../ui/label";
+import { CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
 import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 import Cookies from "js-cookie";
diff --git a/src/components/auth/Login.tsx b/src/app/auth/Login.tsx
similarity index 96%
rename from src/components/auth/Login.tsx
rename to src/app/auth/Login.tsx
index 058d3b1..62e9816 100644
--- a/src/components/auth/Login.tsx
+++ b/src/app/auth/Login.tsx
@@ -6,7 +6,7 @@ import axios from "axios";
 import { useState } from "react";
 import Cookies from "js-cookie";
 import { useRouter } from "next/navigation";
-import { CardContent, CardHeader, CardTitle } from "../ui/card";
+import { CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 export default function Login() {
   const [email, setEmail] = useState("");
diff --git a/src/components/auth/Auth.tsx b/src/app/auth/page.tsx
similarity index 61%
rename from src/components/auth/Auth.tsx
rename to src/app/auth/page.tsx
index b8e60bc..36f5152 100644
--- a/src/components/auth/Auth.tsx
+++ b/src/app/auth/page.tsx
@@ -1,14 +1,19 @@
 "use client";
 
-import { Card } from "../ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
+import { Card } from "@/components/ui/card";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import CreateAccount from "./CreateAccount";
 import Login from "./Login";
+import { useSearchParams } from "next/navigation";
+
+export default function Auth() {
+  const params = useSearchParams();
+  const pt = params.get("t");
+  const tab = pt === "create" || pt === "login" ? pt : "create";
 
-export default function Auth({ kind }: { kind: "login" | "create" }) {
   return (
     <div className="h-screen flex items-center">
-      <Tabs defaultValue={kind} className="mx-auto">
+      <Tabs defaultValue={tab} className="mx-auto">
         <TabsList className="mx-auto">
           <TabsTrigger value="login">Login</TabsTrigger>
           <TabsTrigger value="create">Create Account</TabsTrigger>
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
deleted file mode 100644
index 092325a..0000000
--- a/src/app/login/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import Auth from "@/components/auth/Auth";
-
-export default function Login() {
-  return <Auth kind="login" />;
-}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e5f9f70..2ae8c48 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -24,10 +24,12 @@ export default function LandingPage() {
           <Logo />
         </motion.div>
         <div className="flex gap-4">
-          <Button variant="ghost" onClick={() => router.push("/login")}>
+          <Button variant="ghost" onClick={() => router.push("/auth?t=login")}>
             Login
           </Button>
-          <Button onClick={() => router.push("/signup")}>Get Started</Button>
+          <Button onClick={() => router.push("/auth?t=create")}>
+            Get Started
+          </Button>
         </div>
       </header>
 
@@ -46,7 +48,7 @@ export default function LandingPage() {
           with real-time messaging, secure channels, and seamless collaboration.
         </p>
         <div className="flex gap-3">
-          <Button size="lg" onClick={() => router.push("/signup")}>
+          <Button size="lg" onClick={() => router.push("/auth?t=create")}>
             Get Started
           </Button>
           <Button
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
deleted file mode 100644
index 4a6a477..0000000
--- a/src/app/signup/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import Auth from "@/components/auth/Auth";
-
-export default function SignUp() {
-  return <Auth kind="create" />;
-}
diff --git a/src/hooks/get-user.ts b/src/hooks/get-user.ts
index 9a478ee..82206e7 100644
--- a/src/hooks/get-user.ts
+++ b/src/hooks/get-user.ts
@@ -19,8 +19,8 @@ export default function useUser() {
     async function fetchUser() {
       try {
         setUser((await get("/api/profile", (r) => setUser(r.data))).data);
-      } catch (e: any) {  
-        router.push("/login");
+      } catch (e: any) {
+        router.push("/auth?t=login");
         toast.error(`Error: ${e}`);
       }
     }