Atualiza portal e admin com bloqueio de máquinas desativadas

This commit is contained in:
Esdras Renan 2025-10-18 00:02:15 -03:00
parent e5085962e9
commit 630110bf3a
31 changed files with 1756 additions and 244 deletions

View file

@ -0,0 +1,43 @@
import React from "react"
import { RefreshCw, Mail } from "lucide-react"
export function DeactivationScreen({ companyName }: { companyName?: string | null }) {
return (
<div className="min-h-screen grid place-items-center bg-slate-100 p-6">
<div className="flex flex-col items-center gap-5 rounded-3xl border border-slate-200 bg-white px-8 py-10 shadow-xl">
<div className="flex flex-col items-center gap-3 text-center">
<div className="flex h-16 w-16 items-center justify-center rounded-full bg-neutral-900 text-white shadow-lg">
<RefreshCw className="size-7 animate-pulse" />
</div>
<h1 className="text-2xl font-semibold text-neutral-900">Máquina desativada</h1>
<p className="max-w-sm text-sm text-neutral-600">
Esta máquina foi desativada temporariamente por um administrador da Rever. Enquanto estiver nessa situação,
o acesso ao portal e o envio de informações ficam bloqueados.
</p>
{companyName ? (
<span className="rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-neutral-700">
{companyName}
</span>
) : null}
</div>
<div className="w-full max-w-[360px] space-y-3 text-sm text-neutral-600">
<div className="rounded-2xl border border-slate-200 bg-slate-50 p-4">
<p className="font-medium text-neutral-800">Como proceder?</p>
<ul className="mt-2 space-y-2 text-neutral-600">
<li>
<span className="font-semibold text-neutral-800">1.</span> Caso precise restaurar o acesso, entre em contato com a equipe de suporte da Rever.
</li>
<li>
<span className="font-semibold text-neutral-800">2.</span> Informe o identificador desta máquina e peça a reativação.
</li>
</ul>
</div>
<div className="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-neutral-300 bg-neutral-50 px-4 py-3 text-center text-xs text-neutral-500">
<Mail className="size-4" />
suporte@rever.com.br
</div>
</div>
</div>
</div>
)
}