Atualiza portal e admin com bloqueio de máquinas desativadas
This commit is contained in:
parent
e5085962e9
commit
630110bf3a
31 changed files with 1756 additions and 244 deletions
43
apps/desktop/src/components/DeactivationScreen.tsx
Normal file
43
apps/desktop/src/components/DeactivationScreen.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue