Refactor authentication flow + update sign-in, sign-out & user compon…

…ents
pheralb · Mar 19, 2024 · cf07d7b · cf07d7b
1 parent 142658c
commit cf07d7b
Show file tree

Hide file tree

Showing 23 changed files with 115 additions and 1,195 deletions.
diff --git a/src/app/(auth)/auth-error/page.tsx b/src/app/(auth)/auth-error/page.tsx
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
diff --git a/src/app/(auth)/new-password/page.tsx b/src/app/(auth)/new-password/page.tsx
diff --git a/src/app/(auth)/register/page.tsx b/src/app/(auth)/register/page.tsx
diff --git a/src/app/(auth)/reset/page.tsx b/src/app/(auth)/reset/page.tsx
diff --git a/src/app/(auth)/verify/page.tsx b/src/app/(auth)/verify/page.tsx
diff --git a/src/components/auth/error.tsx → src/app/auth/error/page.tsx b/src/components/auth/error.tsx → src/app/auth/error/page.tsx
@@ -1,16 +1,16 @@
-import Link from "next/link";
+import { sharedAnimationCards } from "@/components/auth/animation-cards";
 import { Card, CardContent, CardHeader, CardTitle } from "@/ui/card";
-import { sharedAnimationCards } from "./animation-cards";
+import Link from "next/link";
 
-const AuthError = () => {
+const AuthErrorPage = () => {
   return (
     <Card className={sharedAnimationCards}>
       <CardHeader>
         <CardTitle className="text-xl">Something went wrong.</CardTitle>
       </CardHeader>
       <CardContent>
         <Link
-          href="/login"
+          href="/auth"
           className="opacity-75 transition-opacity duration-100 hover:text-black hover:opacity-100 dark:hover:text-white"
         >
           <span>Back to login</span>
@@ -20,4 +20,4 @@ const AuthError = () => {
   );
 };
 
-export default AuthError;
+export default AuthErrorPage;
diff --git a/src/app/(auth)/layout.tsx → src/app/auth/layout.tsx b/src/app/(auth)/layout.tsx → src/app/auth/layout.tsx
diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
@@ -0,0 +1,20 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/ui/card";
+import { cn } from "@/utils";
+
+import { sharedAnimationCards } from "@/components/auth/animation-cards";
+import SocialLogin from "@/components/auth/social-login";
+
+const AuthLoginPage = () => {
+  return (
+    <Card className={cn(sharedAnimationCards)}>
+      <CardHeader>
+        <CardTitle className="text-xl">Hey friend! Welcome back 👋</CardTitle>
+      </CardHeader>
+      <CardContent className="dark:bg-neutral-900">
+        <SocialLogin />
+      </CardContent>
+    </Card>
+  );
+};
+
+export default AuthLoginPage;
diff --git a/src/components/auth/newPassword.tsx b/src/components/auth/newPassword.tsx