clients/web: display discount in order/subscriptions table

polarsource · Nov 20, 2024 · e2afb0d · e2afb0d
1 parent 5e5ad38
commit e2afb0d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/clients/apps/web/src/app/(main)/dashboard/[organization]/(header)/sales/ClientPage.tsx b/clients/apps/web/src/app/(main)/dashboard/[organization]/(header)/sales/ClientPage.tsx
@@ -170,6 +170,16 @@ const ClientPage: React.FC<ClientPageProps> = ({
         <>{formatCurrencyAndAmount(order.amount, order.currency)}</>
       ),
     },
+    {
+      accessorKey: 'discount',
+      enableSorting: true,
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title="Discount" />
+      ),
+      cell: ({ row: { original: order } }) => (
+        <>{order.discount ? order.discount.name : '—'}</>
+      ),
+    },
     ...(customFields
       ? customFields.items.map<DataTableColumnDef<Order>>((field) => ({
           accessorKey: `custom_field_data.${field.slug}`,

diff --git a/...s/web/src/app/(main)/dashboard/[organization]/(header)/sales/subscriptions/ClientPage.tsx b/...s/web/src/app/(main)/dashboard/[organization]/(header)/sales/subscriptions/ClientPage.tsx
@@ -253,6 +253,17 @@ const ClientPage: React.FC<ClientPageProps> = ({
         )
       },
     },
+    {
+      id: 'discount',
+      accessorKey: 'discount',
+      enableSorting: true,
+      header: ({ column }) => (
+        <DataTableColumnHeader column={column} title="Discount" />
+      ),
+      cell: ({ row: { original: subscription } }) => (
+        <>{subscription.discount ? subscription.discount.name : '—'}</>
+      ),
+    },
     ...(customFields
       ? customFields.items.map<DataTableColumnDef<Subscription>>((field) => ({
           accessorKey: `custom_field_data.${field.slug}`,

diff --git a/clients/apps/web/src/components/Customization/utils.ts b/clients/apps/web/src/components/Customization/utils.ts
@@ -264,4 +264,5 @@ export const SUBSCRIPTION_ORDER_PREVIEW: UserSubscription = {
     modified_at: new Date().toDateString(),
     product_id: '123',
   },
+  discount_id: null,
 }