ManageLoginPage
Template de página de login para área administrativa com autenticação Google OAuth.
Carregando...
Instalação
npx @koddaai/ui add manage-login-pageImportação
import { ManageLoginPage } from "@/components/kodda/templates/manage-login-page"Quando usar
Use ManageLoginPage para páginas de login na área administrativa (backoffice/manage):
- Login com Google OAuth (botão único)
- Background dark com gradiente
- Card com logo, título e descrição
- Alerta de erro inline
- Aviso de restrição de domínio
Para login de dashboard com magic link + OAuth, use o template DashboardLoginPage.
Props
| Prop | Tipo | Default | Descrição |
|---|---|---|---|
logo | ReactNode | — | Logo acima do título |
labels | ManageLoginPageLabels | — | Labels para i18n |
onLogin | () => void | Promise<void> | — | Callback do botão de login |
loginDisabled | boolean | — | Desabilitar botão (ex: aguardando CSRF) |
error | string | null | — | Mensagem de erro |
className | string | — | Classes adicionais |
ManageLoginPageLabels
| Prop | Default | Descrição |
|---|---|---|
title | "Backoffice Admin" | Título da página |
description | "Acesso restrito à equipe administrativa" | Descrição |
loginButton | "Entrar com Google" | Texto do botão |
loggingIn | "Entrando..." | Texto durante loading |
restrictionNotice | "Apenas emails autorizados são permitidos" | Aviso de restrição |
Uso
<ManageLoginPage
logo={<Logo variant="dark" />}
labels={{
title: "Backoffice Admin",
description: "Acesso restrito à equipe kodda",
restrictionNotice: "Apenas emails @kodda.ai são autorizados",
}}
onLogin={handleGoogleLogin}
loginDisabled={!csrfToken}
error={errorMessage}
/>