Fix: Default login credentials

Set default login credentials in the login form.

src/components/AdminDataEntryModal.tsx

@@ -10,7 +10,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
 import { cn } from "@/lib/utils";
-import { useEmployeeData } from "@/hooks/useEmployeeData";
+import { useSupabaseEmployeeData } from "@/hooks/useSupabaseEmployeeData";
 import { useToast } from "@/hooks/use-toast";
 
 interface AdminDataEntryModalProps {
@@ -20,15 +20,16 @@ interface AdminDataEntryModalProps {
 }
 
 export const AdminDataEntryModal = ({ isOpen, onClose, onDataUpdate }: AdminDataEntryModalProps) => {
-  const { employees, addTransaction } = useEmployeeData();
+  const { employees, addTransaction } = useSupabaseEmployeeData();
   const { toast } = useToast();
   
   const [selectedEmployeeId, setSelectedEmployeeId] = useState<string>('');
   const [collectionAmount, setCollectionAmount] = useState<string>('');
   const [depositAmount, setDepositAmount] = useState<string>('');
   const [selectedDate, setSelectedDate] = useState<Date>(new Date());
+  const [loading, setLoading] = useState(false);
 
-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     
     if (!selectedEmployeeId) {
@@ -52,24 +53,36 @@ export const AdminDataEntryModal = ({ isOpen, onClose, onDataUpdate }: AdminData
       return;
     }
 
-    addTransaction(selectedEmployeeId, {
-      date: format(selectedDate, 'yyyy-MM-dd'),
-      collection,
-      deposit
-    });
+    setLoading(true);
 
-    toast({
-      title: "Success",
-      description: "Transaction added successfully",
-    });
+    try {
+      await addTransaction(selectedEmployeeId, {
+        transaction_date: format(selectedDate, 'yyyy-MM-dd'),
+        collection_amount: collection,
+        deposit_amount: deposit
+      });
 
-    // Reset form
-    setSelectedEmployeeId('');
-    setCollectionAmount('');
-    setDepositAmount('');
-    setSelectedDate(new Date());
-    
-    onDataUpdate();
+      toast({
+        title: "Success",
+        description: "Transaction added successfully",
+      });
+
+      // Reset form
+      setSelectedEmployeeId('');
+      setCollectionAmount('');
+      setDepositAmount('');
+      setSelectedDate(new Date());
+      
+      onDataUpdate();
+    } catch (error) {
+      toast({
+        title: "Error",
+        description: "Failed to add transaction. Please try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setLoading(false);
+    }
   };
 
   const handleClose = () => {
@@ -99,7 +112,7 @@ export const AdminDataEntryModal = ({ isOpen, onClose, onDataUpdate }: AdminData
               <SelectContent>
                 {employees.map(employee => (
                   <SelectItem key={employee.id} value={employee.id}>
-                    {employee.name} (ID: {employee.id})
+                    {employee.name} (ID: {employee.emp_id})
                   </SelectItem>
                 ))}
               </SelectContent>
@@ -149,6 +162,7 @@ export const AdminDataEntryModal = ({ isOpen, onClose, onDataUpdate }: AdminData
                 className="text-right"
                 step="0.01"
                 min="0"
+                disabled={loading}
               />
             </div>
 
@@ -165,16 +179,17 @@ export const AdminDataEntryModal = ({ isOpen, onClose, onDataUpdate }: AdminData
                 className="text-right"
                 step="0.01"
                 min="0"
+                disabled={loading}
               />
             </div>
           </div>
 
           <div className="flex justify-end space-x-3 pt-4">
-            <Button type="button" variant="outline" onClick={handleClose}>
+            <Button type="button" variant="outline" onClick={handleClose} disabled={loading}>
               Cancel
             </Button>
-            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
-              Add Transaction
+            <Button type="submit" className="bg-blue-600 hover:bg-blue-700" disabled={loading}>
+              {loading ? "Adding..." : "Add Transaction"}
             </Button>
           </div>
         </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">