blob: 5ca80a1a8ffbc7f085677bb07194f6741ffc4e94 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
"use client";
import { useEffect } from "react";
import { useRouter, useSearchParams } from "next/navigation";
import { Button } from "@/components/ui/button";
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { AlertTriangle } from "lucide-react";
export default function ConfirmPage() {
const router = useRouter();
const searchParams = useSearchParams();
const rm = searchParams.get("rm") || "";
const nome = searchParams.get("nome") || "";
useEffect(() => {
if (!rm || !nome) {
router.push("/");
return;
}
}, [rm, nome, router]);
const handleConfirm = () => {
router.push(`/votar?rm=${rm}&nome=${encodeURIComponent(nome)}`);
};
const handleCancel = () => {
router.push("/");
};
return (
<div className="flex min-h-screen flex-col items-center justify-center bg-[#f0f5fa] px-4 sm:px-6 lg:px-8">
<div className="w-full max-w-md sm:max-w-lg lg:max-w-xl">
<div className="mb-6 flex items-center justify-center">
<div className="flex flex-col items-center">
<div className="mb-2 text-center text-2xl font-bold text-[#004a93] sm:text-3xl lg:text-4xl">
JUSTIÇA ELEITORAL ESTUDANTIL
</div>
<div className="h-2 w-full bg-gradient-to-r from-[#009c3b] via-[#ffdf00] to-[#002776]"></div>
</div>
</div>
<Card className="border-2 border-[#004a93] shadow-lg overflow-hidden">
<CardHeader className="bg-[#004a93] text-center text-white">
<CardTitle className="text-lg sm:text-xl lg:text-2xl">
CONFIRME SEUS DADOS
</CardTitle>
<CardDescription className="text-gray-100 text-sm sm:text-base">
Verifique se as informações estão corretas
</CardDescription>
</CardHeader>
<CardContent className="space-y-4 pt-6">
<div className="rounded-lg border-2 border-[#004a93] bg-white p-4">
<div className="grid grid-cols-2 gap-2">
<div className="text-xs sm:text-sm font-medium text-[#004a93]">
RM:
</div>
<div className="text-xs sm:text-sm font-bold text-[#004a93]">
{rm}
</div>
<div className="text-xs sm:text-sm font-medium text-[#004a93]">
Nome:
</div>
<div className="text-xs sm:text-sm font-bold text-[#004a93]">
{nome}
</div>
</div>
</div>
<div className="rounded-lg border-2 border-amber-500 bg-amber-50 p-4">
<div className="flex items-start gap-2">
<AlertTriangle className="h-4 w-4 sm:h-5 sm:w-5 flex-shrink-0 text-amber-500" />
<div className="text-xs sm:text-sm text-amber-800">
<strong>ATENÇÃO:</strong> Verifique se seus dados estão
corretos. Caso as informações estejam incorretas, seu voto não
será computado.
</div>
</div>
</div>
<div className="text-center text-xs sm:text-sm font-bold text-[#004a93]">
Estas informações estão corretas?
</div>
</CardContent>
<CardFooter className="flex flex-col sm:flex-row justify-between gap-4 border-t border-[#004a93] bg-[#f8f8f8] py-3 rounded-b-lg">
<Button
variant="outline"
onClick={handleCancel}
className="flex-1 border-2 border-[#004a93] text-[#004a93] hover:bg-[#e6f0fa] hover:text-[#003a73]"
>
CORRIGIR
</Button>
<Button
onClick={handleConfirm}
className="flex-1 bg-[#004a93] text-white hover:bg-[#003a73]"
>
CONFIRMAR
</Button>
</CardFooter>
</Card>
<div className="mt-4 flex justify-center">
<div className="text-center text-xs sm:text-sm text-[#004a93]">
© {new Date().getFullYear()} Justiça Eleitoral Estudantil
</div>
</div>
</div>
</div>
);
}
|
