+
+
+ {avatar_image && (
+
+ )}
+
+
{title}
+
+
+ {/*
+ {categories[category].label}
+ */}
+
+
+ {/* {transactions_count.toLocaleString()} */}
+
+
+ {/* {attestation_counts.toLocaleString()} */}
+
+
+ {formatLastUpdated(updated_at)}
+
+
+ );
+};
diff --git a/packages/client/src/components/List/index.tsx b/packages/client/src/components/List/index.tsx
new file mode 100644
index 0000000..cd5d923
--- /dev/null
+++ b/packages/client/src/components/List/index.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import React from "react";
+
+import { ListItem } from "./Item";
+
+export interface ListProps {
+ items: any[];
+ columns: { size: number; title: string }[];
+ onItemClick: (id: string) => void;
+}
+
+type ColumnValue =
+ | "item"
+ | "category"
+ | "largest-transaction-counts"
+ | "attestation-counts"
+ | "last-updated";
+
+interface Column {
+ value: ColumnValue;
+ title: string;
+}
+
+export const List: React.FC