tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+ return (
+ |
+ )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+ return (
+ [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+ return (
+ | [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCaption({
+ className,
+ ...props
+}: React.ComponentProps<"caption">) {
+ return (
+
+ )
+}
+
+export {
+ Table,
+ TableHeader,
+ TableBody,
+ TableFooter,
+ TableHead,
+ TableRow,
+ TableCell,
+ TableCaption,
+}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..7096b65
--- /dev/null
+++ b/src/components/ui/tabs.tsx
@@ -0,0 +1,64 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+
+ )
+}
+
+function TabsList({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+
+ )
+}
+
+function TabsTrigger({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+
+ )
+}
+
+function TabsContent({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+
+ )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/src/pages/admin/AdminLayout.tsx b/src/pages/admin/AdminLayout.tsx
new file mode 100644
index 0000000..15c8859
--- /dev/null
+++ b/src/pages/admin/AdminLayout.tsx
@@ -0,0 +1,15 @@
+import { Outlet } from 'react-router';
+import { AdminSidebar } from '@/components/shared/admin/sidebar';
+
+const AdminLayout = () => {
+ return (
+
+ );
+};
+
+export default AdminLayout;
diff --git a/src/pages/admin/Verify-voters.tsx b/src/pages/admin/Verify-voters.tsx
new file mode 100644
index 0000000..b776fdd
--- /dev/null
+++ b/src/pages/admin/Verify-voters.tsx
@@ -0,0 +1,321 @@
+import React from 'react';
+import { Link } from 'react-router';
+import { Search, ShieldCheck } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from '@/components/ui/table';
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from '@/components/ui/dialog';
+import { Switch } from '@/components/ui/switch';
+import { Label } from '@/components/ui/label';
+import AuthContext from '@/context/AuthContext';
+
+const voters = [
+ {
+ id: 1,
+ name: 'Alex Johnson',
+ email: 'alex.johnson@example.com',
+ walletAddress: '0x1a2b3c4d5e6f...',
+ registrationDate: '2023-11-20T14:23:45',
+ status: 'pending',
+ electionId: 3,
+ electionTitle: 'City Council Representative Election',
+ },
+ {
+ id: 2,
+ name: 'Maria Garcia',
+ email: 'maria.garcia@example.com',
+ walletAddress: '0x7g8h9i0j1k2l...',
+ registrationDate: '2023-11-21T09:15:30',
+ status: 'verified',
+ electionId: 3,
+ electionTitle: 'City Council Representative Election',
+ },
+ {
+ id: 3,
+ name: 'James Smith',
+ email: 'james.smith@example.com',
+ walletAddress: '0x3m4n5o6p7q8r...',
+ registrationDate: '2023-11-21T11:42:18',
+ status: 'pending',
+ electionId: 3,
+ electionTitle: 'City Council Representative Election',
+ },
+ {
+ id: 4,
+ name: 'Sarah Williams',
+ email: 'sarah.williams@example.com',
+ walletAddress: '0x9s0t1u2v3w4x...',
+ registrationDate: '2023-11-22T08:30:55',
+ status: 'rejected',
+ electionId: 2,
+ electionTitle: 'Cooperative Annual Board Election',
+ },
+ {
+ id: 5,
+ name: 'David Brown',
+ email: 'david.brown@example.com',
+ walletAddress: '0x5y6z7a8b9c0d...',
+ registrationDate: '2023-11-22T13:10:22',
+ status: 'pending',
+ electionId: 1,
+ electionTitle: 'University Faculty Senate Election',
+ },
+ {
+ id: 6,
+ name: 'Jennifer Miller',
+ email: 'jennifer.miller@example.com',
+ walletAddress: '0x1e2f3g4h5i6j...',
+ registrationDate: '2023-11-23T10:05:17',
+ status: 'verified',
+ electionId: 1,
+ electionTitle: 'University Faculty Senate Election',
+ },
+ {
+ id: 7,
+ name: 'Michael Davis',
+ email: 'michael.davis@example.com',
+ walletAddress: '0x7k8l9m0n1o2p...',
+ registrationDate: '2023-11-23T15:48:33',
+ status: 'pending',
+ electionId: 3,
+ electionTitle: 'City Council Representative Election',
+ },
+];
+
+export default function AdminVerifyVotersPage() {
+ const [selectedVoter, setSelectedVoter] = React.useState<(typeof voters)[0] | null>(null);
+ const [verificationDialogOpen, setVerificationDialogOpen] = React.useState(false);
+ const [filteredVoters, setFilteredVoters] = React.useState(voters);
+ const [searchQuery, setSearchQuery] = React.useState('');
+ const [statusFilter, setStatusFilter] = React.useState('all');
+ const [electionFilter, setElectionFilter] = React.useState('all');
+ const { state } = React.useContext(AuthContext);
+
+ React.useEffect(() => {
+ const getVoters = async () => {
+ if (state.instance !== null) {
+ const voters_list = await state.instance.methods.totalRegisteredVoters().call({
+ from: state.account,
+ });
+
+ console.log('voters_list', voters_list);
+ }
+ };
+ getVoters();
+ }, [state.account, state.instance]);
+
+ const handleSearch = (query: string) => {
+ setSearchQuery(query);
+ applyFilters(query, statusFilter, electionFilter);
+ };
+
+ const handleStatusFilter = (status: string) => {
+ setStatusFilter(status);
+ applyFilters(searchQuery, status, electionFilter);
+ };
+
+ const applyFilters = (query: string, status: string, election: string) => {
+ let filtered = voters;
+
+ if (query) {
+ filtered = filtered.filter(
+ (voter) =>
+ voter.name.toLowerCase().includes(query.toLowerCase()) ||
+ voter.email.toLowerCase().includes(query.toLowerCase()) ||
+ voter.walletAddress.toLowerCase().includes(query.toLowerCase())
+ );
+ }
+
+ if (status !== 'all') {
+ filtered = filtered.filter((voter) => voter.status === status);
+ }
+
+ if (election !== 'all') {
+ filtered = filtered.filter((voter) => voter.electionId.toString() === election);
+ }
+
+ setFilteredVoters(filtered);
+ };
+
+ const openVerificationDialog = (voter: (typeof voters)[0]) => {
+ setSelectedVoter(voter);
+ setVerificationDialogOpen(true);
+ };
+
+ const getStatusBadge = (status: string) => {
+ switch (status) {
+ case 'verified':
+ return Verified;
+ case 'pending':
+ return (
+
+ Pending
+
+ );
+ default:
+ return null;
+ }
+ };
+
+ return (
+
+
+ Verify Voters
+
+ Review and verify voter registrations for blockchain elections.
+
+
+
+
+ handleStatusFilter('all')}>
+ All
+
+ handleStatusFilter('pending')}>
+ Pending
+
+ handleStatusFilter('verified')}>
+ Verified
+
+
+
+
+
+
+
+ handleSearch(e.target.value)}
+ />
+
+
+
+ Voter Registrations
+
+ {filteredVoters.filter((v) => v.status === 'pending').length} Pending
+
+
+
+
+
+
+
+ Name
+ Wallet Address
+ Status
+ Actions
+
+
+
+ {filteredVoters.map((voter) => (
+
+ {voter.name}
+
+ {voter.walletAddress}
+
+ {getStatusBadge(voter.status)}
+
+
+ {voter.status === 'pending' && (
+ <>
+
+
+ )}
+ {voter.status !== 'pending' && (
+
+ )}
+
+
+
+ ))}
+
+
+
+
+
+
+
+ );
+}
|