feat(tables): ts (#168)

covalenthq · May 10, 2024 · 86eca0a · 86eca0a
1 parent e9dfaa3
commit 86eca0a
Show file tree

Hide file tree

Showing 19 changed files with 667 additions and 1,525 deletions.
diff --git a/src/components/Atoms/Address/Address.tsx b/src/components/Atoms/Address/Address.tsx
@@ -22,8 +22,9 @@ export const Address: React.FC<AddressProps> = ({
     };
 
     return (
-        <div className="flex items-center gap-x-2">
-            <p>{truncate(address)}</p>
+        <p className="flex items-center gap-x-2">
+            {truncate(address)}
+
             {show_copy_icon ? (
                 <button
                     className="cursor-pointer"
@@ -49,6 +50,6 @@ export const Address: React.FC<AddressProps> = ({
             ) : (
                 <></>
             )}
-        </div>
+        </p>
     );
 };
diff --git a/src/components/Organisms/AddressActivityListView/AddressActivityListView.tsx b/src/components/Organisms/AddressActivityListView/AddressActivityListView.tsx
@@ -46,64 +46,54 @@ export const AddressActivityListView: React.FC<
     const columns: ColumnDef<ChainActivityEvent>[] = [
         {
             accessorKey: "label",
+            id: "label",
             header: ({ column }) => (
-                <TableHeaderSorting
+                <TableHeaderSorting<ChainActivityEvent>
                     align="left"
-                    header_name={"Name"}
+                    header="Chain Name"
                     column={column}
                 />
             ),
-            cell: ({ row }) => {
-                return (
-                    <div className="flex items-center gap-x-1">
-                        <TokenAvatar
-                            is_chain_logo={true}
-                            token_url={row.original.logo_url}
-                            size={GRK_SIZES.EXTRA_EXTRA_SMALL}
-                        />
-                        {row.getValue("label")}
-                    </div>
-                );
-            },
+            cell: ({ row }) => (
+                <div className="flex items-center gap-x-1">
+                    <TokenAvatar
+                        is_chain_logo={true}
+                        token_url={row.original.logo_url}
+                        size={GRK_SIZES.EXTRA_EXTRA_SMALL}
+                    />
+                    {row.getValue("label")}
+                </div>
+            ),
         },
         {
             accessorKey: "last_seen_at",
+            id: "last_seen_at",
             header: ({ column }) => (
-                <TableHeaderSorting
+                <TableHeaderSorting<ChainActivityEvent>
                     align="left"
-                    header_name={"Last Active"}
+                    header="Last Active"
                     column={column}
                 />
             ),
-            cell: ({ row }) => {
-                const t = (row.getValue("last_seen_at") as string).toString();
-
-                return <div>{timestampParser(t, "relative")}</div>;
-            },
+            cell: ({ row }) =>
+                timestampParser(row.getValue("last_seen_at"), "relative"),
         },
         {
             accessorKey: "is_testnet",
+            id: "is_testnet",
             header: ({ column }) => (
-                <TableHeaderSorting
+                <TableHeaderSorting<ChainActivityEvent>
                     align="center"
-                    header_name={"Mainnet"}
+                    header="Mainnet"
                     column={column}
                 />
             ),
-
-            cell: ({ row }) => {
-                const t = row.getValue("is_testnet");
-
-                return (
-                    <div className="text-center">
-                        {t ? (
-                            ""
-                        ) : (
-                            <IconWrapper icon_class_name="playlist_add_check" />
-                        )}
-                    </div>
-                );
-            },
+            cell: ({ row }) =>
+                !row.getValue("is_testnet") ? (
+                    <IconWrapper icon_class_name="playlist_add_check" />
+                ) : (
+                    <></>
+                ),
         },
     ];