Prepare Kalendartool for MPM and disable invites
This commit is contained in:
@@ -1,18 +1,16 @@
|
||||
'use client';
|
||||
|
||||
/**
|
||||
* Registrierungsseite (plan.md Abschnitt 3 und 11).
|
||||
* Mit Invite-Token (aus URL) wird dem Kalender automatisch zugeordnet.
|
||||
* Lokale Registrierungsseite für den eigenständigen Betrieb.
|
||||
*/
|
||||
import { Suspense, useState } from 'react';
|
||||
import { useRouter, useSearchParams } from 'next/navigation';
|
||||
import { appFetch } from '@/lib/client-fetch';
|
||||
import { useState } from 'react';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import Link from 'next/link';
|
||||
import { Button, Card, ErrorMessage, Input, Label } from '@/components/ui/ui';
|
||||
|
||||
function RegisterForm() {
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
const inviteToken = searchParams.get('token') ?? '';
|
||||
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [busy, setBusy] = useState(false);
|
||||
@@ -35,14 +33,13 @@ function RegisterForm() {
|
||||
try {
|
||||
const username = String(formData.get('username') ?? '').trim();
|
||||
|
||||
const response = await fetch('/api/auth/register', {
|
||||
const response = await appFetch('/api/auth/register', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
email: formData.get('email'),
|
||||
password,
|
||||
...(username ? { username } : {}),
|
||||
...(inviteToken ? { inviteToken } : {}),
|
||||
}),
|
||||
});
|
||||
|
||||
@@ -62,12 +59,6 @@ function RegisterForm() {
|
||||
|
||||
return (
|
||||
<Card>
|
||||
{inviteToken && (
|
||||
<p className="mb-4 rounded-md bg-slate-100 px-3 py-2 text-sm text-slate-700 dark:bg-slate-800 dark:text-slate-300">
|
||||
Du wurdest zu einem Kalender eingeladen. Nach der Registrierung siehst du
|
||||
ausschliesslich diesen Kalender.
|
||||
</p>
|
||||
)}
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<ErrorMessage message={error} />
|
||||
<div>
|
||||
@@ -128,9 +119,7 @@ export default function RegisterPage() {
|
||||
return (
|
||||
<main className="mx-auto flex min-h-screen max-w-md flex-col justify-center px-4">
|
||||
<h1 className="mb-6 text-center text-2xl font-bold">Konto erstellen</h1>
|
||||
<Suspense fallback={<Card>Wird geladen …</Card>}>
|
||||
<RegisterForm />
|
||||
</Suspense>
|
||||
<RegisterForm />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user