add demo login btns

Author: rezahedi

src/Components/Auth/Login.tsx

@@ -79,8 +79,10 @@ const LoginPage = ({
     handleClose();
   };
 
-  const handleLogin = async () => {
-    if (!email || !password || !isValid) {
+  const handleLogin = async (
+    demoData: { email: string; password: string } | null = null,
+  ) => {
+    if (!demoData && (!email || !password || !isValid)) {
       setEmailError("Email is required");
       setPasswordError("Password is required");
       setIsValid(false);
@@ -90,7 +92,7 @@ const LoginPage = ({
     try {
       const userData: User = await postData(
         "auth/login",
-        { email, password },
+        demoData || { email, password },
         setErrorMessage,
       );
       if (userData) {
@@ -124,6 +126,10 @@ const LoginPage = ({
     }
   };
 
+  const handleDemoLogin = async (email: string, password: string) => {
+    await handleLogin({ email, password });
+  };
+
   return (
     <Dialog open={open} onOpenChange={handleDialogClose} modal>
       <DialogContent className="px-3 py-8 w-full max-w-full h-full sm:w-auto sm:max-w-4xl sm:h-auto rounded-none sm:rounded-lg items-center">
@@ -182,7 +188,7 @@ const LoginPage = ({
             <Button
               variant="default"
               className="w-full active:scale-95"
-              onClick={handleLogin}
+              onClick={() => handleLogin()}
             >
               Sign in
             </Button>
@@ -199,6 +205,27 @@ const LoginPage = ({
                 Sign up
               </Button>
             </p>
+            <p className="text-sm flex gap-1 items-center justify-center">
+              <span className="italic">Demo login:</span>
+              <Button
+                variant={"outline"}
+                className="hover:bg-primary"
+                onClick={() =>
+                  handleDemoLogin("[email protected]", "B5TTP76m2NSBbye")
+                }
+              >
+                John Doe
+              </Button>
+              <Button
+                variant={"outline"}
+                className="hover:bg-primary"
+                onClick={() =>
+                  handleDemoLogin("[email protected]", "B5TTP76m2NSBbye")
+                }
+              >
+                Sarah Smith
+              </Button>
+            </p>
           </div>
 
           {/* Right Section */}