Flatten

apps/link/app/(main)/leafcutter/_components/Home.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { FC, useEffect, useState } from "react";
+import { Home as HomeInternal } from "leafcutter-common";
+import { fetchLeafcutter } from "@/app/_lib/utils";
+import ClientOnly from "@/app/(main)/_components/ClientOnly";
+
+export const Home: FC = () => {
+  const [visualizations, setVisualizations] = useState([]);
+
+  useEffect(() => {
+    const getVisualizations = async () => {
+      const visualizations = await fetchLeafcutter(
+        "https://macmini.tiger-agama.ts.net:3001/api/visualizations/list",
+        {},
+      );
+      if (visualizations) {
+        setVisualizations(visualizations);
+      }
+    };
+
+    getVisualizations();
+  }, []);
+
+  return (
+    <ClientOnly>
+      <HomeInternal visualizations={visualizations} />
+    </ClientOnly>
+  );
+};

apps/link/app/(main)/leafcutter/_components/LeafcutterWrapper.tsx

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from "react";
+import { Box } from "@mui/material";
+
+export const LeafcutterWrapper: FC<PropsWithChildren> = ({ children }) => {
+  return <Box sx={{ p: 3 }}>{children}</Box>;
+};