teqo/src/components/campaign/activity/ActivityLifecycleDialog.tsx
Francisco Ignácio Fontoura Solla 7b93c232ff C13: renomeia "Plano de Acao" para "Atividade" em toda a vertical /campanha
Collection actionPlan -> activity (labels "Atividade"/"Atividades"), campo
campaignDemand.actionPlan -> activity, rota /campanha/planos ->
/campanha/atividades (criacao em atividades/nova), sidebar "Atividades" e
rotulos alinhados a entidade ("Tipo de atividade", "Origem da atividade",
"Resultado da atividade"). Valores de enum kind/status/origin inalterados.

Schema movido por migration data-preserving escrita a mao
(20260725_213000_rename_action_plan_to_activity): 4 tabelas, 3 enums, 2
colunas, 39 indices (4 pkeys inclusos), 14 FKs e 2 sequences, cada statement
guardado na existencia do objeto de origem, com down() simetrico. O gerador do
Payload emitiria DROP+CREATE e nao ve o indice parcial escrito a mao
action_plan_upcoming_start_at_idx, entao a lista veio de
pg_indexes/pg_constraint/pg_type/pg_sequences e o snapshot .json foi derivado
do anterior por transformacao textual -- validado por migrate:create __probe
sem mudanca de schema. A mesma migration alinha os 8 indices fosseis %plaza%
que a remodelagem de municipios deixou (renomeou as colunas plaza_id, nao os
indices).

Guard: o describe "banned campaign terminology" de
codebaseConventions.unit.spec.ts virou tabela de termos varrendo src+tests+
scripts (migrations fora -- historia congelada), banindo os compostos
actionPlan, a copy "plano de acao" e a rota antiga, mas nao plan/plano isolado
(colidiria com os planos de assinatura da Fase 2). Allowlist: o proprio spec,
scripts/generate-remodel-municipalities-migration.mjs e o comentario historico
em campaignMigrationReconciliation.int.spec.ts.

Plano: docs/plans/renomear-plano-acao-para-atividade.md
2026-07-25 20:50:38 -03:00

109 lines
3.9 KiB
TypeScript

'use client'
import { CheckCircle2Icon, XCircleIcon } from 'lucide-react'
import { useActionState } from 'react'
import {
cancelActivityFormAction,
markActivityRealizedFormAction,
} from '@/app/(campaign)/campanha/(app)/atividades/[slug]/lifecycleFormActions'
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/Alert'
import {
AlertDialog,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
AlertDialogTrigger,
} from '@/components/ui/AlertDialog'
import { Button } from '@/components/ui/button'
import { Spinner } from '@/components/ui/Spinner'
type LifecycleDialogProps = {
activityId: number
}
export const CancelActivityDialog = ({ activityId }: LifecycleDialogProps) => {
const [state, action, pending] = useActionState(cancelActivityFormAction, {})
return (
<AlertDialog>
<AlertDialogTrigger asChild>
<Button type="button" variant="destructive" className="min-h-11">
<XCircleIcon data-icon="inline-start" aria-hidden="true" />
Cancelar atividade
</Button>
</AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Cancelar esta atividade?</AlertDialogTitle>
<AlertDialogDescription>
A atividade será marcada como cancelada. Os dados permanecem preservados no sistema.
</AlertDialogDescription>
</AlertDialogHeader>
{state.message ? (
<Alert variant="destructive" aria-live="polite">
<AlertTitle>Não foi possível cancelar</AlertTitle>
<AlertDescription>{state.message}</AlertDescription>
</Alert>
) : null}
<form action={action}>
<input type="hidden" name="id" value={activityId} />
<AlertDialogFooter>
<AlertDialogCancel type="button" className="min-h-11" disabled={pending}>
Voltar
</AlertDialogCancel>
<Button type="submit" variant="destructive" className="min-h-11" disabled={pending}>
{pending ? <Spinner data-icon="inline-start" /> : null}
{pending ? 'Cancelando…' : 'Confirmar cancelamento'}
</Button>
</AlertDialogFooter>
</form>
</AlertDialogContent>
</AlertDialog>
)
}
export const MarkActivityRealizedDialog = ({ activityId }: LifecycleDialogProps) => {
const [state, action, pending] = useActionState(markActivityRealizedFormAction, {})
return (
<AlertDialog>
<AlertDialogTrigger asChild>
<Button type="button" className="min-h-11">
<CheckCircle2Icon data-icon="inline-start" aria-hidden="true" />
Marcar como realizado
</Button>
</AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Marcar esta atividade como realizada?</AlertDialogTitle>
<AlertDialogDescription>
Use esta ação após a execução da atividade. O status não poderá voltar a rascunho ou
planejado por aqui.
</AlertDialogDescription>
</AlertDialogHeader>
{state.message ? (
<Alert variant="destructive" aria-live="polite">
<AlertTitle>Não foi possível concluir</AlertTitle>
<AlertDescription>{state.message}</AlertDescription>
</Alert>
) : null}
<form action={action}>
<input type="hidden" name="id" value={activityId} />
<AlertDialogFooter>
<AlertDialogCancel type="button" className="min-h-11" disabled={pending}>
Voltar
</AlertDialogCancel>
<Button type="submit" className="min-h-11" disabled={pending}>
{pending ? <Spinner data-icon="inline-start" /> : null}
{pending ? 'Salvando…' : 'Confirmar'}
</Button>
</AlertDialogFooter>
</form>
</AlertDialogContent>
</AlertDialog>
)
}