full project: admin panel, backend modules, docs

2026-06-03 22:11:01 -05:00
parent 1635723035
commit afc096d552
94 changed files with 15994 additions and 240 deletions
@@ -0,0 +1,147 @@
+'use client';
+
+import { useEffect, useState, useCallback } from 'react';
+import { api } from '@/lib/api';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { toast } from 'sonner';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+
+interface Professional {
+  id: string;
+  user_id: string;
+  is_active: boolean;
+  profession?: string;
+  identification?: string;
+  rate?: number;
+  users?: { id: string; name: string; email?: string; phone?: string };
+}
+
+export default function ProfessionalsPage() {
+  const [approved, setApproved] = useState<Professional[]>([]);
+  const [pending, setPending] = useState<Professional[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const load = useCallback(() => {
+    setLoading(true);
+    setError(null);
+    Promise.all([
+      api.get<{ data: Professional[]; meta: any }>('/professionals').then((r) => r.data).catch(() => [] as Professional[]),
+      api.get<{ data: Professional[]; meta: any }>('/professionals/pending').then((r) => r.data).catch(() => [] as Professional[]),
+    ])
+      .then(([a, p]) => { setApproved(a); setPending(p); })
+      .catch(() => setError('Error al cargar los profesionales'))
+      .finally(() => setLoading(false));
+  }, []);
+
+  useEffect(() => { load(); }, [load]);
+
+  const approve = async (id: string) => {
+    await api.post(`/professionals/${id}/approve`);
+    toast.success('Profesional aprobado');
+    load();
+  };
+
+  const deny = async (id: string) => {
+    await api.post(`/professionals/${id}/deny`);
+    toast.success('Solicitud rechazada');
+    load();
+  };
+
+  return (
+    <div className="space-y-4">
+      <h1 className="text-2xl font-bold">Profesionales</h1>
+      {error ? (
+        <div className="flex flex-col items-center justify-center py-8 text-destructive">
+          <p>{error}</p>
+          <Button variant="outline" size="sm" onClick={load} className="mt-2">
+            Reintentar
+          </Button>
+        </div>
+      ) : (
+        <Tabs defaultValue="active">
+          <TabsList>
+            <TabsTrigger value="active">Activos ({approved.length})</TabsTrigger>
+            <TabsTrigger value="pending">Pendientes ({pending.length})</TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="active">
+            <Card>
+              <CardContent className="pt-4">
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>Nombre</TableHead>
+                      <TableHead>Profesión</TableHead>
+                      <TableHead>Identificación</TableHead>
+                      <TableHead>Tarifa</TableHead>
+                      <TableHead>Estado</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {loading ? (
+                      <TableRow><TableCell colSpan={5} className="text-center">Cargando...</TableCell></TableRow>
+                    ) : approved.length === 0 ? (
+                      <TableRow><TableCell colSpan={5} className="text-center">Sin resultados</TableCell></TableRow>
+                    ) : (
+                      approved.map((p) => (
+                        <TableRow key={p.id}>
+                          <TableCell className="font-medium">{p.users?.name}</TableCell>
+                          <TableCell>{p.profession || '—'}</TableCell>
+                          <TableCell>{p.identification || '—'}</TableCell>
+                          <TableCell>${p.rate}</TableCell>
+                          <TableCell><Badge variant="default">Activo</Badge></TableCell>
+                        </TableRow>
+                      ))
+                    )}
+                  </TableBody>
+                </Table>
+              </CardContent>
+            </Card>
+          </TabsContent>
+
+          <TabsContent value="pending">
+            <Card>
+              <CardContent className="pt-4">
+                <Table>
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>Nombre</TableHead>
+                      <TableHead>Email</TableHead>
+                      <TableHead>Teléfono</TableHead>
+                      <TableHead>Solicitud</TableHead>
+                      <TableHead className="text-right">Acción</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {loading ? (
+                      <TableRow><TableCell colSpan={5} className="text-center">Cargando...</TableCell></TableRow>
+                    ) : pending.length === 0 ? (
+                      <TableRow><TableCell colSpan={5} className="text-center">Sin resultados</TableCell></TableRow>
+                    ) : (
+                      pending.map((p) => (
+                        <TableRow key={p.id}>
+                          <TableCell className="font-medium">{p.users?.name}</TableCell>
+                          <TableCell>{p.users?.email || '—'}</TableCell>
+                          <TableCell>{p.users?.phone || '—'}</TableCell>
+                          <TableCell>{new Date().toLocaleDateString()}</TableCell>
+                          <TableCell className="text-right space-x-2">
+                            <Button size="sm" onClick={() => approve(p.id)}>Aprobar</Button>
+                            <Button size="sm" variant="destructive" onClick={() => deny(p.id)}>Rechazar</Button>
+                          </TableCell>
+                        </TableRow>
+                      ))
+                    )}
+                  </TableBody>
+                </Table>
+              </CardContent>
+            </Card>
+          </TabsContent>
+        </Tabs>
+      )}
+    </div>
+  );
+}