From d39c028c2f6d99df9af4c717a7911394388a2756 Mon Sep 17 00:00:00 2001
From: Michael Liendo <michael.m.liendo.r@gmail.com>
Date: Fri, 16 Aug 2024 01:31:42 -0400
Subject: [PATCH] chore: update names

---
 .../datagrids/links/links-columns.tsx          | 18 ++++++++++++++++--
 .../links/linkx-table-row-actions.tsx          | 12 ++++++++----
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/client/src/components/datagrids/links/links-columns.tsx b/client/src/components/datagrids/links/links-columns.tsx
index 0c84fe1..f163b20 100644
--- a/client/src/components/datagrids/links/links-columns.tsx
+++ b/client/src/components/datagrids/links/links-columns.tsx
@@ -75,7 +75,7 @@ export const linksColumns: ColumnDef<z.infer<typeof LinkSchema>>[] = [
   {
     accessorKey: 'created_at',
     header: ({ column }) => (
-      <DataTableColumnHeader column={column} title="created at" />
+      <DataTableColumnHeader column={column} title="Created at" />
     ),
     cell: ({ row }) => {
       return (
@@ -87,7 +87,21 @@ export const linksColumns: ColumnDef<z.infer<typeof LinkSchema>>[] = [
       );
     },
   },
-
+  {
+    accessorKey: 'updated_at',
+    header: ({ column }) => (
+      <DataTableColumnHeader column={column} title="Update date" />
+    ),
+    cell: ({ row }) => {
+      return (
+        <div className="flex space-x-2">
+          <span className="max-w-[500px] truncate font-medium">
+            {row.original.updated_at.toLocaleString()}
+          </span>
+        </div>
+      );
+    },
+  },
   {
     id: 'actions',
     cell: ({ row }) => <DataTableRowActions row={row} />,
diff --git a/client/src/components/datagrids/links/linkx-table-row-actions.tsx b/client/src/components/datagrids/links/linkx-table-row-actions.tsx
index baa43aa..e5e9e87 100644
--- a/client/src/components/datagrids/links/linkx-table-row-actions.tsx
+++ b/client/src/components/datagrids/links/linkx-table-row-actions.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { DotsHorizontalIcon } from '@radix-ui/react-icons';
 import type { Row } from '@tanstack/react-table';
 
@@ -18,11 +20,15 @@ import {
 
 import { LinkSchema } from '@linx/shared';
 
-interface _DataTableRowActionsProps<TData> {
+interface DataTableRowActionsProps<TData> {
   row: Row<TData>;
 }
 
-export function DataTableRowActions<_TData>() {
+export function DataTableRowActions<TData>({
+  row,
+}: DataTableRowActionsProps<TData>) {
+  const _link = LinkSchema.parse(row.original);
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
@@ -36,8 +42,6 @@ export function DataTableRowActions<_TData>() {
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="w-[160px]">
         <DropdownMenuItem>Edit</DropdownMenuItem>
-        <DropdownMenuItem>Make a copy</DropdownMenuItem>
-        <DropdownMenuItem>Favorite</DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem>
           Delete