CodingCatDev · codercatdev · Feb 11, 2025 · Feb 9, 2025 · Feb 9, 2025 · Feb 9, 2025
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -1,29 +1,29 @@
 {
-  "version": "0.2.0",
-  "runtimeArgs": ["--preserve-symlinks"],
-  "configurations": [
-    {
-      "name": "Next.js: debug server-side",
-      "type": "node-terminal",
-      "request": "launch",
-      "command": "npm run dev"
-    },
-    {
-      "name": "Next.js: debug client-side",
-      "type": "chrome",
-      "request": "launch",
-      "url": "http://localhost:3000"
-    },
-    {
-      "name": "Next.js: debug full stack",
-      "type": "node-terminal",
-      "request": "launch",
-      "command": "npm run dev",
-      "serverReadyAction": {
-        "pattern": "- Local:.+(https?://.+)",
-        "uriFormat": "%s",
-        "action": "debugWithChrome"
-      }
-    }
-  ]
+	"version": "0.2.0",
+	"runtimeArgs": ["--preserve-symlinks"],
+	"configurations": [
+		{
+			"name": "Next.js: debug server-side",
+			"type": "node-terminal",
+			"request": "launch",
+			"command": "npm run dev"
+		},
+		{
+			"name": "Next.js: debug client-side",
+			"type": "chrome",
+			"request": "launch",
+			"url": "http://localhost:3000"
+		},
+		{
+			"name": "Next.js: debug full stack",
+			"type": "node-terminal",
+			"request": "launch",
+			"command": "npm run dev",
+			"serverReadyAction": {
+				"pattern": "- Local:.+(https?://.+)",
+				"uriFormat": "%s",
+				"action": "debugWithChrome"
+			}
+		}
+	]
 }
diff --git a/app/(main)/(auth)/login/github.tsx b/app/(main)/(auth)/login/github.tsx
@@ -13,46 +13,46 @@ import { FaGithub } from "react-icons/fa";
 import { useRouter, useSearchParams } from "next/navigation";
 
 export default function GitHubAuth() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const redirect = searchParams.get("redirectTo");
-  const { toast } = useToast();
+	const router = useRouter();
+	const searchParams = useSearchParams();
+	const redirect = searchParams.get("redirectTo");
+	const { toast } = useToast();
 
-  const login = async () => {
-    try {
-      await ccdSignInWithPopUp(provider);
-      redirect
-        ? router.replace(
-            redirect === "/pro" ? `${redirect}?showSubscribe=true` : redirect
-          )
-        : router.replace("/dashboard");
-    } catch (err: any) {
-      if (err instanceof FirebaseError) {
-        if (err.code === "auth/account-exists-with-different-credential") {
-          toast({
-            variant: "destructive",
-            description:
-              "Account Exists with Different Login Method. Please first login and then link within your Account page.",
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            description: err.message,
-          });
-        }
-      } else {
-        toast({
-          variant: "destructive",
-          description: JSON.stringify(err),
-        });
-        console.error(err);
-      }
-    }
-  };
+	const login = async () => {
+		try {
+			await ccdSignInWithPopUp(provider);
+			redirect
+				? router.replace(
+						redirect === "/pro" ? `${redirect}?showSubscribe=true` : redirect,
+					)
+				: router.replace("/dashboard");
+		} catch (err: any) {
+			if (err instanceof FirebaseError) {
+				if (err.code === "auth/account-exists-with-different-credential") {
+					toast({
+						variant: "destructive",
+						description:
+							"Account Exists with Different Login Method. Please first login and then link within your Account page.",
+					});
+				} else {
+					toast({
+						variant: "destructive",
+						description: err.message,
+					});
+				}
+			} else {
+				toast({
+					variant: "destructive",
+					description: JSON.stringify(err),
+				});
+				console.error(err);
+			}
+		}
+	};
 
-  return (
-    <Button onClick={login} variant="secondary">
-      <FaGithub className="mr-2 h-4 w-4" /> Login with GitHub
-    </Button>
-  );
+	return (
+		<Button onClick={login} variant="secondary">
+			<FaGithub className="mr-2 h-4 w-4" /> Login with GitHub
+		</Button>
+	);
 }
diff --git a/app/(main)/(auth)/login/google.tsx b/app/(main)/(auth)/login/google.tsx
@@ -13,46 +13,46 @@ import { FaGoogle } from "react-icons/fa";
 import { useRouter, useSearchParams } from "next/navigation";
 
 export default function GoogleAuth() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const redirect = searchParams.get("redirectTo");
-  const { toast } = useToast();
+	const router = useRouter();
+	const searchParams = useSearchParams();
+	const redirect = searchParams.get("redirectTo");
+	const { toast } = useToast();
 
-  const login = async () => {
-    try {
-      await ccdSignInWithPopUp(provider);
-      redirect
-        ? router.replace(
-            redirect === "/pro" ? `${redirect}?showSubscribe=true` : redirect
-          )
-        : router.replace("/dashboard");
-    } catch (err: any) {
-      if (err instanceof FirebaseError) {
-        if (err.code === "auth/account-exists-with-different-credential") {
-          toast({
-            variant: "destructive",
-            description:
-              "Account Exists with Different Login Method. Please first login and then link within your Account page.",
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            description: err.message,
-          });
-        }
-      } else {
-        toast({
-          variant: "destructive",
-          description: JSON.stringify(err),
-        });
-        console.error(err);
-      }
-    }
-  };
+	const login = async () => {
+		try {
+			await ccdSignInWithPopUp(provider);
+			redirect
+				? router.replace(
+						redirect === "/pro" ? `${redirect}?showSubscribe=true` : redirect,
+					)
+				: router.replace("/dashboard");
+		} catch (err: any) {
+			if (err instanceof FirebaseError) {
+				if (err.code === "auth/account-exists-with-different-credential") {
+					toast({
+						variant: "destructive",
+						description:
+							"Account Exists with Different Login Method. Please first login and then link within your Account page.",
+					});
+				} else {
+					toast({
+						variant: "destructive",
+						description: err.message,
+					});
+				}
+			} else {
+				toast({
+					variant: "destructive",
+					description: JSON.stringify(err),
+				});
+				console.error(err);
+			}
+		}
+	};
 
-  return (
-    <Button onClick={login} variant="outline">
-      <FaGoogle className="mr-2 h-4 w-4" /> Login with Google
-    </Button>
-  );
+	return (
+		<Button onClick={login} variant="outline">
+			<FaGoogle className="mr-2 h-4 w-4" /> Login with Google
+		</Button>
+	);
 }
diff --git a/app/(main)/(auth)/login/page.tsx b/app/(main)/(auth)/login/page.tsx
@@ -1,33 +1,33 @@
 import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
 } from "@/components/ui/card";
 import GoogleAuth from "./google";
 import GitHubAuth from "./github";
 import { Suspense } from "react";
 
 export default function LoginForm() {
-  return (
-    <div className="container px-5 mx-auto">
-      <div className="w-full flex justify-center p-8 sm:p-20 md:p-32">
-        <Card className="w-full max-w-sm">
-          <CardHeader>
-            <CardTitle className="text-2xl">Login</CardTitle>
-            <CardDescription>
-              Enter your email below to login to your account.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="grid gap-4">
-            <Suspense>
-              <GoogleAuth />
-              <GitHubAuth />
-            </Suspense>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
+	return (
+		<div className="container px-5 mx-auto">
+			<div className="w-full flex justify-center p-8 sm:p-20 md:p-32">
+				<Card className="w-full max-w-sm">
+					<CardHeader>
+						<CardTitle className="text-2xl">Login</CardTitle>
+						<CardDescription>
+							Enter your email below to login to your account.
+						</CardDescription>
+					</CardHeader>
+					<CardContent className="grid gap-4">
+						<Suspense>
+							<GoogleAuth />
+							<GitHubAuth />
+						</Suspense>
+					</CardContent>
+				</Card>
+			</div>
+		</div>
+	);
 }