hyperledger-cacti · petermetz · Mar 20, 2024 · Mar 20, 2024
@@ -10,7 +10,7 @@
 
 <body>
   <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
+  <script type="module" src="/src/main/typescript/main.tsx"></script>
 </body>
 
 </html>
@@ -0,0 +1,20 @@
+import StatusPage from "./pages/status-page";
+
+const appConfig = {
+  name: "Cacti",
+  url: "cacti",
+  menuEntries: [
+    {
+      title: "Plugin Status",
+      url: "/",
+    },
+  ],
+  routes: [
+    {
+      path: "/",
+      component: StatusPage,
+    },
+  ],
+};
+
+export default appConfig;
@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { supabase } from "../../../common/supabase-client";
+import CardWrapper from "../../../components/ui/CardWrapper";
+
+function StatusPage() {
+  const [getPluginStatus, setPluginStatuse] = useState<unknown[]>([]);
+
+  const fetchPluginStatus = async () => {
+    try {
+      const { data, error } = await supabase.from("plugin_status").select();
+      if (error) {
+        throw new Error(
+          `Could not get plugin statuses from the DB: ${error.message}`,
+        );
+      }
+
+      if (data) {
+        setPluginStatuse(
+          data.map((p) => {
+            return {
+              ...p,
+              is_schema_initialized: p.is_schema_initialized
+                ? "Setup complete"
+                : "No schema",
+            };
+          }),
+        );
+      }
+    } catch (error) {
+      console.error("Error when fetching plugin statuses:", error);
+    }
+  };
+
+  useEffect(() => {
+    fetchPluginStatus();
+  }, []);
+
+  return (
+    <div>
+      <CardWrapper
+        columns={
+          {
+            schema: [
+              { display: "Name", objProp: ["name"] },
+              { display: "Instance ID", objProp: ["last_instance_id"] },
+              { display: "Status", objProp: ["is_schema_initialized"] },
+              { display: "Created at", objProp: ["created_at"] },
+              { display: "Connected at", objProp: ["last_connected_at"] },
+            ],
+          } as any
+        }
+        data={getPluginStatus}
+        title={"Persistence Plugins"}
+        display={"All"}
+        trimmed={false}
+      ></CardWrapper>
+    </div>
+  );
+}
+
+export default StatusPage;