joaomiranda/reservas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: harden identity and recovery operations

Browse Source
This commit is contained in:
João Miranda
2026-08-04 20:24:18 +01:00
parent 7a4ac48aaf
commit eae2a44f46
30 changed files with 1428 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
resources/js/pages/auth/login.tsx
View File

@@ -14,14 +14,39 @@ import { request } from '@/routes/password';
type Props = {
status?: string;
canResetPassword: boolean;
microsoftEnabled: boolean;
};
export default function Login({ status, canResetPassword }: Props) {
export default function Login({
status,
canResetPassword,
microsoftEnabled,
}: Props) {
return (
<>
<Head title="Log in" />
<Head title="Entrar" />
<PasskeyVerify />
<PasskeyVerify
label="Entrar com chave de acesso"
loadingLabel="A autenticar..."
separator="Ou continuar com email"
/>
{microsoftEnabled && (
<>
<Button variant="outline" className="w-full" asChild>
<a href="/auth/microsoft/redirect">
Entrar com a conta Microsoft
</a>
</Button>
<div className="relative text-center text-sm">
<span className="relative z-10 bg-background px-2 text-muted-foreground">
ou utilize a conta local
</span>
<span className="absolute inset-x-0 top-1/2 border-t" />
</div>
</>
)}
<Form
{...store.form()}
@@ -32,7 +57,7 @@ export default function Login({ status, canResetPassword }: Props) {
<>
<div className="grid gap-6">
<div className="grid gap-2">
<Label htmlFor="email">Email address</Label>
<Label htmlFor="email">Email</Label>
<Input
id="email"
type="email"
@@ -41,21 +66,23 @@ export default function Login({ status, canResetPassword }: Props) {
autoFocus
tabIndex={1}
autoComplete="email"
placeholder="email@example.com"
placeholder="nome@escola.pt"
/>
<InputError message={errors.email} />
</div>
<div className="grid gap-2">
<div className="flex items-center">
<Label htmlFor="password">Password</Label>
<Label htmlFor="password">
Palavra-passe
</Label>
{canResetPassword && (
<TextLink
href={request()}
className="ml-auto text-sm"
tabIndex={5}
>
Forgot your password?
Recuperar palavra-passe
</TextLink>
)}
</div>
@@ -65,7 +92,7 @@ export default function Login({ status, canResetPassword }: Props) {
required
tabIndex={2}
autoComplete="current-password"
placeholder="Password"
placeholder="Palavra-passe"
/>
<InputError message={errors.password} />
</div>
@@ -76,7 +103,7 @@ export default function Login({ status, canResetPassword }: Props) {
name="remember"
tabIndex={3}
/>
<Label htmlFor="remember">Remember me</Label>
<Label htmlFor="remember">Manter sessão</Label>
</div>
<Button
@@ -87,7 +114,7 @@ export default function Login({ status, canResetPassword }: Props) {
data-test="login-button"
>
{processing && <Spinner />}
Log in
Entrar
</Button>
</div>