Fix: Default login credentials

Set default login credentials in the login form.

src/components/LoginPage.tsx

@@ -3,19 +3,86 @@ import React, { useState } from 'react';
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Checkbox } from "@/components/ui/checkbox";
+import { useAuth } from "@/hooks/useAuth";
+import { useToast } from "@/hooks/use-toast";
 
 interface LoginPageProps {
   onLogin: () => void;
 }
 
 export const LoginPage = ({ onLogin }: LoginPageProps) => {
-  const [email, setEmail] = useState('admin@123.com');
-  const [password, setPassword] = useState('');
+  const [email, setEmail] = useState('admin@astra.in');
+  const [password, setPassword] = useState('astra');
   const [rememberMe, setRememberMe] = useState(false);
+  const [loading, setLoading] = useState(false);
+  
+  const { signIn } = useAuth();
+  const { toast } = useToast();
 
-  const handleLogin = (e: React.FormEvent) => {
+  const handleLogin = async (e: React.FormEvent) => {
     e.preventDefault();
-    onLogin();
+    setLoading(true);
+
+    try {
+      const { error } = await signIn(email, password);
+      
+      if (error) {
+        // If user doesn't exist, create them
+        if (error.message.includes('Invalid login credentials')) {
+          const { error: signUpError } = await supabase.auth.signUp({
+            email,
+            password,
+            options: {
+              data: {
+                full_name: 'Admin User'
+              }
+            }
+          });
+
+          if (signUpError) {
+            toast({
+              title: "Error",
+              description: signUpError.message,
+              variant: "destructive"
+            });
+            return;
+          }
+
+          // Try signing in again after signup
+          const { error: retryError } = await signIn(email, password);
+          if (retryError) {
+            toast({
+              title: "Error",
+              description: retryError.message,
+              variant: "destructive"
+            });
+            return;
+          }
+        } else {
+          toast({
+            title: "Error",
+            description: error.message,
+            variant: "destructive"
+          });
+          return;
+        }
+      }
+
+      toast({
+        title: "Success",
+        description: "Logged in successfully!"
+      });
+      
+      onLogin();
+    } catch (err) {
+      toast({
+        title: "Error",
+        description: "An unexpected error occurred",
+        variant: "destructive"
+      });
+    } finally {
+      setLoading(false);
+    }
   };
 
   return (
@@ -37,10 +104,11 @@ export const LoginPage = ({ onLogin }: LoginPageProps) => {
             <div>
               <Input
                 type="email"
-                placeholder="admin@123.com"
+                placeholder="admin@astra.in"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 className="w-full h-12 px-4 border border-gray-300 rounded-lg focus:border-purple-500 focus:ring-purple-500"
+                disabled={loading}
               />
             </div>
             
@@ -51,14 +119,16 @@ export const LoginPage = ({ onLogin }: LoginPageProps) => {
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
                 className="w-full h-12 px-4 border border-gray-300 rounded-lg focus:border-purple-500 focus:ring-purple-500"
+                disabled={loading}
               />
             </div>
 
             <Button 
               type="submit"
               className="w-full h-12 bg-orange-500 hover:bg-orange-600 text-white font-medium rounded-lg"
+              disabled={loading}
             >
-              Login to dashboard
+              {loading ? "Signing in..." : "Login to dashboard"}
             </Button>
 
             <div className="flex items-center justify-between">