initial version of the app

2025-09-21 17:11:02 +01:00
commit c8062cf96b
101 changed files with 23061 additions and 0 deletions
@@ -0,0 +1,101 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { useToast } from '@/components/ui/use-toast';
+
+export function LoginForm() {
+	const [isLoading, setIsLoading] = useState(false);
+	const [email, setEmail] = useState('');
+	const [password, setPassword] = useState('');
+	const router = useRouter();
+	const { toast } = useToast();
+
+	const handleSubmit = async (e: React.FormEvent) => {
+		e.preventDefault();
+		setIsLoading(true);
+
+		try {
+			const response = await fetch('/api/auth/login', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ email, password }),
+			});
+
+			const data = await response.json();
+
+			if (response.ok) {
+				toast({
+					title: 'Success',
+					description: 'Logged in successfully',
+				});
+				if (data.user.role === 'admin') {
+					router.push('/admin');
+				} else {
+					router.push('/dashboard');
+				}
+			} else {
+				toast({
+					title: 'Error',
+					description: data.error || 'Login failed',
+					variant: 'destructive',
+				});
+			}
+		} catch (error) {
+			toast({
+				title: 'Error',
+				description: 'An unexpected error occurred',
+				variant: 'destructive',
+			});
+		} finally {
+			setIsLoading(false);
+		}
+	};
+
+	return (
+		<Card className='w-full max-w-md mx-auto'>
+			<CardHeader>
+				<CardTitle>Sign In</CardTitle>
+				<CardDescription>Enter your email and password to access your account</CardDescription>
+			</CardHeader>
+			<CardContent>
+				<form onSubmit={handleSubmit} className='space-y-4'>
+					<div className='space-y-2'>
+						<Label htmlFor='email'>Email</Label>
+						<Input
+							id='email'
+							type='email'
+							placeholder='Enter your email'
+							value={email}
+							onChange={(e) => setEmail(e.target.value)}
+							required
+						/>
+					</div>
+					<div className='space-y-2'>
+						<Label htmlFor='password'>Password</Label>
+						<Input
+							id='password'
+							type='password'
+							placeholder='Enter your password'
+							value={password}
+							onChange={(e) => setPassword(e.target.value)}
+							required
+						/>
+					</div>
+					<Button type='submit' className='w-full' disabled={isLoading}>
+						{isLoading ? 'Signing in...' : 'Sign In'}
+					</Button>
+				</form>
+				<div className='mt-4 text-center'>
+					<Button variant='link' onClick={() => router.push('/register')} className='text-sm'>
+						Don't have an account? Sign up
+					</Button>
+				</div>
+			</CardContent>
+		</Card>
+	);
+}