45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { useForm } from '@inertiajs/react';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Input } from '@/components/ui/input';
|
|
import { Label } from '@/components/ui/label';
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
|
|
|
|
const ProfileAccount = () => {
|
|
const { data, setData, post, processing, errors } = useForm({
|
|
name: '',
|
|
email: '',
|
|
});
|
|
|
|
const handleSubmit = (e: React.FormEvent) => {
|
|
e.preventDefault();
|
|
post('/profile/account');
|
|
};
|
|
|
|
return (
|
|
<div className="container mx-auto py-8">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Account bearbeiten</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form onSubmit={handleSubmit} className="space-y-4">
|
|
<div>
|
|
<Label htmlFor="name">Name</Label>
|
|
<Input id="name" value={data.name} onChange={(e) => setData('name', e.target.value)} />
|
|
{errors.name && <p className="text-red-500 text-sm">{errors.name}</p>}
|
|
</div>
|
|
<div>
|
|
<Label htmlFor="email">Email</Label>
|
|
<Input id="email" type="email" value={data.email} onChange={(e) => setData('email', e.target.value)} />
|
|
{errors.email && <p className="text-red-500 text-sm">{errors.email}</p>}
|
|
</div>
|
|
<Button type="submit" disabled={processing}>Speichern</Button>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProfileAccount; |