update tables

packages/ui/src/routes/orders/data.tsx

@@ -8,6 +8,17 @@ import {
   type LucideIcon
 } from 'lucide-react'
 
+// This type is used to define the shape of our data.
+// You can use a Zod schema here if you want.
+export type Order = {
+  id: string
+  total: number
+  status: 'PENDING' | 'PAID' | 'DECLINED' | 'EXPIRED' | 'REFUNDED' | 'CANCELED'
+  payment_method: 'PIX' | 'CREDIT_CARD' | 'BANK_SLIP' | 'MANUAL'
+  name: string
+  email: string
+}
+
 export const statuses: Record<
   string,
   { icon: LucideIcon; color?: string; label: string }
@@ -22,25 +33,25 @@ export const statuses: Record<
     color: 'text-green-400 [&_svg]:text-green-500',
     label: 'Pago'
   },
-  REFUNDED: {
-    icon: RotateCcwIcon,
-    color: 'text-orange-400 [&_svg]:text-orange-500',
-    label: 'Estornado'
+  DECLINED: {
+    icon: BanIcon,
+    color: 'text-red-400 [&_svg]:text-red-500',
+    label: 'Negado'
   },
   EXPIRED: {
     icon: ClockAlertIcon,
     color: 'text-orange-400 [&_svg]:text-orange-500',
     label: 'Expirado'
   },
+  REFUNDED: {
+    icon: RotateCcwIcon,
+    color: 'text-orange-400 [&_svg]:text-orange-500',
+    label: 'Estornado'
+  },
   CANCELED: {
     icon: CircleXIcon,
     color: 'text-red-400 [&_svg]:text-red-500',
     label: 'Cancelado'
-  },
-  DECLINED: {
-    icon: BanIcon,
-    color: 'text-red-400 [&_svg]:text-red-500',
-    label: 'Negado'
   }
 }
 
@@ -54,8 +65,8 @@ export const labels: Record<string, string> = {
 }
 
 export const methods: Record<string, string> = {
-  BANK_SLIP: 'Boleto bancário',
-  MANUAL: 'Depósito bancário',
+  PIX: 'Pix',
   CREDIT_CARD: 'Cartão de crédito',
-  PIX: 'Pix'
+  BANK_SLIP: 'Boleto bancário',
+  MANUAL: 'Depósito bancário'
 }