add restore

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.$id.submitted/route.tsx

@@ -8,9 +8,10 @@ import {
   UserIcon,
   BanIcon,
   PlusIcon,
-  XIcon
+  EllipsisIcon,
+  RotateCcw
 } from 'lucide-react'
-import { Link } from 'react-router'
+import { Link, useParams } from 'react-router'
 import { Suspense } from 'react'
 
 import {
@@ -47,7 +48,12 @@ import { Skeleton } from '@repo/ui/components/skeleton'
 import { Await } from 'react-router'
 import { Abbr } from '@repo/ui/components/abbr'
 import { Button } from '@repo/ui/components/ui/button'
-import { Badge } from '@repo/ui/components/ui/badge'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from '@repo/ui/components/ui/dropdown-menu'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Relatório de matrículas' }]
@@ -62,11 +68,15 @@ export async function loader({ context, request, params }: Route.LoaderArgs) {
   }).then((r) => r.json())
 
   return {
-    data: submission
+    submission
   }
 }
 
-export default function Route({ loaderData: { data } }: Route.ComponentProps) {
+export default function Route({
+  loaderData: { submission }
+}: Route.ComponentProps) {
+  const { id } = useParams()
+
   return (
     <Suspense fallback={<Skeleton />}>
       <div className="space-y-2.5">
@@ -90,7 +100,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
           </BreadcrumbList>
         </Breadcrumb>
 
-        <Await resolve={data} errorElement={<NotFound />}>
+        <Await resolve={submission} errorElement={<NotFound />}>
           {({ enrolled, scheduled, sk, created_by }) => {
             const succeed = enrolled?.filter(
               ({ status }) => status === 'success'
@@ -146,6 +156,30 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
                               ))}
                             </ul>
                           </AlertDescription>
+
+                          <DropdownMenu>
+                            <DropdownMenuTrigger asChild>
+                              <Button
+                                className="absolute right-2.5 top-2.5 text-accent-foreground cursor-pointer"
+                                variant="ghost"
+                                size="icon-sm"
+                              >
+                                <EllipsisIcon />
+                              </Button>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent align="end" className="w-42">
+                              <DropdownMenuItem
+                                className="cursor-pointer"
+                                asChild
+                              >
+                                <Link
+                                  to={`../enrollments/add?submission=${id}`}
+                                >
+                                  <RotateCcw /> Restaurar dados
+                                </Link>
+                              </DropdownMenuItem>
+                            </DropdownMenuContent>
+                          </DropdownMenu>
                         </Alert>
                       )}