Metamigo -> Bridge

apps/bridge-frontend/app/signal/[id]/page.tsx

@@ -0,0 +1,9 @@
+import { Detail } from "@/app/_components/Detail";
+
+export default function Page() {
+  return (
+    <Detail title="Signal Detail" entity="signal">
+      <p>Cool</p>
+    </Detail>
+  );
+}

apps/bridge-frontend/app/signal/new/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Signal new</h1>;
+}

apps/bridge-frontend/app/signal/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { GridColDef } from "@mui/x-data-grid-pro";
+import { List } from "ui";
+
+export default function Page() {
+  const columns: GridColDef[] = [
+    {
+      field: "id",
+      headerName: "ID",
+      flex: 1,
+    },
+    {
+      field: "phoneNumber",
+      headerName: "Phone Number",
+      flex: 2,
+    },
+    {
+      field: "createdAt",
+      headerName: "Created At",
+      valueGetter: (params: any) =>
+        new Date(params.row?.createdAt).toLocaleString(),
+      flex: 1,
+    },
+    {
+      field: "updatedAt",
+      headerName: "Updated At",
+      valueGetter: (params: any) =>
+        new Date(params.row?.updatedAt).toLocaleString(),
+      flex: 1,
+    },
+  ];
+
+  const rows = [
+    {
+      id: 10,
+      phoneNumber: "1234567890",
+      createdAt: new Date(),
+      updatedAt: new Date(),
+    },
+  ];
+
+  return (
+    <List title="Signal Bots" entity="signal" rows={rows} columns={columns} />
+  );
+}