ConsentOutcome
The end of the consent flow, for good or not (Figma "Consent Outcome" 191:1936): an icon badge that pops in once, the title, what happens from here and, when there is something to do, a brand action with an optional ghost secondary.
Done and Given are the only brand badges; every other kind is a neutral muted badge, never red: a refusal, an error on our side or a photo without a face is not the person's fault. Sending is busy. With reduced motion the badge is simply there.
<ConsentOutcome kind="no-face" title="Não achamos um rosto na foto" body="Sua voz está guardada. Só falta tirar a foto de novo." action={<Button variant="brand" size="48" fullWidth>Tirar outra foto</Button>} />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Consent Outcome
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
Kind · Done
| Consent Outcome |
|---|
Pronto, LiaSeu sim foi registrado. Obrigado por ler tudo com calma.
Pode fechar esta página. |
Kind · Given
| Consent Outcome |
|---|
Você já disse simNão precisa fazer mais nada por aqui. Obrigado, Lia. Pode fechar esta página. |
Kind · Expired
| Consent Outcome |
|---|
Este link venceuSe você quiser seguir, a Mariana pode mandar um novo. O novo link chega no seu WhatsApp. |
Kind · Revoked
| Consent Outcome |
|---|
Este pedido foi canceladoA Mariana cancelou este pedido. Nada foi ativado. Se foi um engano, fale com a Mariana. |
Kind · Not found
| Consent Outcome |
|---|
Não achamos este linkConfira se abriu o link inteiro que chegou no seu WhatsApp. Se continuar assim, fale com quem enviou. |
Kind · Sending
| Consent Outcome |
|---|
Enviando seu sim…Leva só alguns segundos. Não feche esta página. |
Kind · Send failed
| Consent Outcome |
|---|
Não deu pra enviarSua foto e sua voz continuam guardadas aqui. Tente de novo em alguns minutos. |
Kind · Declined
| Consent Outcome |
|---|
Tudo bem. Nada foi ativado.A Mariana só vai saber que você não aceitou por enquanto. Se mudar de ideia, este mesmo link vale até 25/10. Pode fechar esta página. |
Kind · Stopped
| Consent Outcome |
|---|
Pronto. A proteção parou.A Mariana vai ver “Parou”, sem motivo. Nada mais é analisado. Pode fechar esta página. |
Kind · Temporary error
| Consent Outcome |
|---|
O problema é do nosso ladoNada se perdeu: sua foto e sua voz estão guardadas aqui. Tente de novo em alguns minutos; o link vale até 25/10. |
Kind · Network error
| Consent Outcome |
|---|
Sem conexão com a internetSua foto e sua voz continuam aqui. Quando a internet voltar, a gente envia de novo sozinho. |
Kind · No face
| Consent Outcome |
|---|
Não achamos um rosto na fotoSua voz está guardada. Só falta tirar a foto de novo. Pode usar lenço ou óculos de grau. |
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| kind | "declined" | "done" | "expired" | "given" | "network-error" | "no-face" | "not-found" | "revoked" | "send-failed" | "sending" | "stopped" | "temporary-error" | — | Figma "Kind": how the flow ended (or is ending). |
| title | string | — | The headline ("Pronto, Lia"). |
| body | ReactNode | — | What it means, in one or two sentences. |
| points? | ReactNode[] | — | Kind=Done: what happens next, one point each. |
| hint? | ReactNode | — | The small line at the end ("Pode fechar esta página."). |
| action? | ReactNode | — | Figma `showAction`: the retry or next step, a full-width brand 48 Button ("Tentar de novo"). Its presence is the boolean. |
| secondaryAction? | ReactNode | — | Figma `showSecondaryAction`: a ghost 48 Button under the action ("Agora não", "Falar com quem pediu"). |
| headingLevel? | "h1" | "h2" | "h1" | Heading level of the title; the outcome is usually the page. |
| className? | string | — |