Forgot password implementierung

src/app/(app)/qr/[id]/edit/page.tsx

@@ -6,11 +6,13 @@ import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
 import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import { showToast } from '@/components/ui/Toast';
+import { useCsrf } from '@/hooks/useCsrf';
 
 export default function EditQRPage() {
   const router = useRouter();
   const params = useParams();
   const qrId = params.id as string;
+  const { fetchWithCsrf, loading: csrfLoading } = useCsrf();
 
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
@@ -47,11 +49,8 @@ export default function EditQRPage() {
     setSaving(true);
 
     try {
-      const response = await fetch(`/api/qrs/${qrId}`, {
+      const response = await fetchWithCsrf(`/api/qrs/${qrId}`, {
         method: 'PATCH',
-        headers: {
-          'Content-Type': 'application/json',
-        },
         body: JSON.stringify({
           title,
           content,
@@ -253,8 +252,9 @@ export default function EditQRPage() {
             <Button
               onClick={handleSave}
               loading={saving}
+              disabled={csrfLoading || saving}
             >
-              Save Changes
+              {csrfLoading ? 'Loading...' : 'Save Changes'}
             </Button>
           </div>
         </CardContent>