add enrollments to order

apps/admin.saladeaula.digital/app/routes/_.$orgid.payments.$id._index/route.tsx

@@ -17,7 +17,10 @@ import { useForm } from 'react-hook-form'
 import { Link, useRevalidator } from 'react-router'
 import { z } from 'zod'
 
+import { Abbr } from '@repo/ui/components/abbr'
 import { Currency } from '@repo/ui/components/currency'
+import { DateTime } from '@repo/ui/components/datetime'
+import { Badge } from '@repo/ui/components/ui/badge'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -26,34 +29,13 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator
 } from '@repo/ui/components/ui/breadcrumb'
+import { Button } from '@repo/ui/components/ui/button'
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle
 } from '@repo/ui/components/ui/card'
-import {
-  Item,
-  ItemActions,
-  ItemContent,
-  ItemGroup,
-  ItemTitle
-} from '@repo/ui/components/ui/item'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow
-} from '@repo/ui/components/ui/table'
-import { request as req } from '@repo/util/request'
-
-import { Abbr } from '@repo/ui/components/abbr'
-import { DateTime } from '@repo/ui/components/datetime'
-import { Badge } from '@repo/ui/components/ui/badge'
-import { Button } from '@repo/ui/components/ui/button'
 import {
   Dialog,
   DialogClose,
@@ -64,6 +46,13 @@ import {
   DialogTitle,
   DialogTrigger
 } from '@repo/ui/components/ui/dialog'
+import {
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemGroup,
+  ItemTitle
+} from '@repo/ui/components/ui/item'
 import { Kbd } from '@repo/ui/components/ui/kbd'
 import {
   Popover,
@@ -72,12 +61,22 @@ import {
 } from '@repo/ui/components/ui/popover'
 import { Separator } from '@repo/ui/components/ui/separator'
 import { Spinner } from '@repo/ui/components/ui/spinner'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+} from '@repo/ui/components/ui/table'
 import { cn } from '@repo/ui/lib/utils'
 import {
   labels,
   statuses,
   type Order as Order_
 } from '@repo/ui/routes/orders/data'
+import { request as req } from '@repo/util/request'
 import {
   CreditCard,
   creditCardSchema,
@@ -85,6 +84,7 @@ import {
 } from '../_.$orgid.enrollments.buy/payment'
 import type { Address } from '../_.$orgid.enrollments.buy/review'
 import { useWizardStore } from '../_.$orgid.enrollments.buy/store'
+import { Enrollments } from './enrollments'
 
 export function meta() {
   return [
@@ -131,6 +131,24 @@ type Attempts = {
   last4: string
 }
 
+type Course = {
+  id: string
+  name: string
+}
+
+export type Enrollment = {
+  status: 'PENDING' | 'EXECUTED' | 'ROLLBACK'
+  user: { id: string; name: string; email: string }
+  course: Course
+  executed_at?: string
+  rollback_at?: string
+  scheduled_at?: string
+}
+
+export type Seat = {
+  course: Course
+}
+
 type Order = Order_ & {
   items: Item[]
   interest_amount: number
@@ -142,6 +160,8 @@ type Order = Order_ & {
   payment_attempts: Attempts[]
   credit_card?: CreditCardProps
   coupon?: string
+  enrollments?: Enrollment[]
+  seats?: Seat[]
   installments?: number
   created_by?: User
   invoice: Invoice
@@ -173,6 +193,8 @@ export default function Route({ loaderData: { order } }: Route.ComponentProps) {
     discount,
     invoice,
     payment_attempts = [],
+    enrollments = [],
+    seats = [],
     items = [],
     subtotal
   } = order
@@ -185,7 +207,7 @@ export default function Route({ loaderData: { order } }: Route.ComponentProps) {
   useEffect(() => {
     reset()
   }, [])
-
+  console.log(seats)
   return (
     <div className="space-y-2.5">
       <Breadcrumb>
@@ -320,6 +342,10 @@ export default function Route({ loaderData: { order } }: Route.ComponentProps) {
           </Table>
         </CardContent>
       </Card>
+
+      {enrollments.length > 0 ? (
+        <Enrollments enrollments={enrollments} seats={seats} />
+      ) : null}
     </div>
   )
 }