feat: Add transaction type column to columns.tsx files

xDeFc0nx · Jan 25, 2025 · f87068f · f87068f
1 parent 99fe94a
commit f87068f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 18 deletions.
diff --git a/client/src/components/transaction/columns.tsx b/client/src/components/transaction/columns.tsx
@@ -61,12 +61,18 @@ export const columns: ColumnDef<Transaction>[] = [
     accessorKey: 'Description',
     header: 'Description',
   },
+ {
+    accessorKey: 'type',
+    header: () => <div className="text-right">Type</div>,
+    cell: ({ row }) => <div className="text-right">{row.original.Type}</div>,
+  },
 
   {
     accessorKey: 'amount',
     header: () => <div className="text-right">Amount</div>,
     cell: ({ row }) => <div className="text-right">{row.original.Amount}</div>,
   },
+
   {
     id: 'actions',
     enableHiding: false,

diff --git a/client/src/pages/(secure)/columns.tsx b/client/src/pages/(secure)/columns.tsx
@@ -16,29 +16,16 @@ import {
 import { useUserData, type Transaction } from '@/components/context/userData';
 
 export const columns: ColumnDef<Transaction>[] = [
-  {
-    accessorKey: 'CreatedAt',
-    header: 'Created At',
-    cell: ({ row }) => {
-      const rawDate = row.getValue('CreatedAt') as string;
-      const date = new Date(rawDate);
 
-      if (isNaN(date.getTime())) throw new Error('Invalid date');
-
-      return (
-        <div>
-          {date.toLocaleString('en-US', {
-            dateStyle: 'short',
-            timeStyle: 'medium',
-          })}
-        </div>
-      );
-    },
-  },
   {
     accessorKey: 'Description',
     header: 'Description',
   },
+{
+    accessorKey: 'type',
+    header: () => <div className="text-right">Type</div>,
+    cell: ({ row }) => <div className="text-right">{row.original.Type}</div>,
+  },
 
   {
     accessorKey: 'amount',