Create/detail updates

apps/bridge-frontend/app/(main)/facebook/[[...segment]]/_components/FacebookBotsList.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { FC } from "react";
+import { GridColDef } from "@mui/x-data-grid-pro";
+import { List } from "@/app/_components/List";
+
+type FacebookBotsListProps = {
+  rows: any[];
+};
+
+export const FacebookBotsList: FC<FacebookBotsListProps> = ({ rows }) => {
+  const columns: GridColDef[] = [
+    {
+      field: "name",
+      headerName: "Name",
+      flex: 1,
+    },
+    {
+      field: "description",
+      headerName: "Description",
+      flex: 2,
+    },
+    {
+      field: "updatedAt",
+      headerName: "Updated At",
+      valueGetter: (value: any) => new Date(value).toLocaleString(),
+      flex: 1,
+    },
+  ];
+
+  return (
+    <List
+      title="Facebook Bots"
+      entity="facebook"
+      rows={rows}
+      columns={columns}
+    />
+  );
+};