64a5411fb9
- Updated the User model to implement Filament’s tenancy contracts - Seeded a ready-to-use demo tenant (user, tenant, active package, purchase) - Introduced a branded, translated 403 error page to replace the generic forbidden message for unauthorised admin hits - Removed the public “Register” links from the marketing header - hardened join event logic and improved error handling in the guest pwa.
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
import { Location, useLocation, useNavigate } from 'react-router-dom';
|
|
import { Button } from '@/components/ui/button';
|
|
import AppearanceToggleDropdown from '@/components/appearance-dropdown';
|
|
import { useAuth } from '../auth/context';
|
|
import { ADMIN_HOME_PATH } from '../constants';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
interface LocationState {
|
|
from?: Location;
|
|
}
|
|
|
|
export default function LoginPage() {
|
|
const { status, login } = useAuth();
|
|
const { t } = useTranslation('auth');
|
|
const location = useLocation();
|
|
const navigate = useNavigate();
|
|
const searchParams = React.useMemo(() => new URLSearchParams(location.search), [location.search]);
|
|
const oauthError = searchParams.get('error');
|
|
|
|
React.useEffect(() => {
|
|
if (status === 'authenticated') {
|
|
navigate(ADMIN_HOME_PATH, { replace: true });
|
|
}
|
|
}, [status, navigate]);
|
|
|
|
const redirectTarget = React.useMemo(() => {
|
|
const state = location.state as LocationState | null;
|
|
if (state?.from) {
|
|
const from = state.from;
|
|
const search = from.search ?? '';
|
|
const hash = from.hash ?? '';
|
|
return `${from.pathname}${search}${hash}`;
|
|
}
|
|
return ADMIN_HOME_PATH;
|
|
}, [location.state]);
|
|
|
|
return (
|
|
<div className="mx-auto flex min-h-screen max-w-sm flex-col justify-center p-6">
|
|
<div className="mb-6 flex items-center justify-between">
|
|
<h1 className="text-lg font-semibold">{t('login.title')}</h1>
|
|
<AppearanceToggleDropdown />
|
|
</div>
|
|
<div className="space-y-4 text-sm text-muted-foreground">
|
|
<p>{t('login.lead')}</p>
|
|
{oauthError && (
|
|
<div className="rounded border border-red-300 bg-red-50 p-2 text-sm text-red-700">
|
|
{t('login.oauth_error', { message: oauthError })}
|
|
</div>
|
|
)}
|
|
<Button
|
|
className="w-full"
|
|
disabled={status === 'loading'}
|
|
onClick={() => login(redirectTarget)}
|
|
>
|
|
{status === 'loading' ? t('login.loading') : t('login.cta')}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|