WIP 5

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

@@ -1,30 +0,0 @@
-"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(
-        "/api/visualizations/list",
-        {},
-      );
-      if (visualizations) {
-        setVisualizations(visualizations);
-      }
-    };
-
-    getVisualizations();
-  }, []);
-*/
-  return (
-    <ClientOnly>
-      <HomeInternal visualizations={visualizations} />
-    </ClientOnly>
-  );
-};

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

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

apps/link/app/(main)/leafcutter/about/page.tsx

@@ -1,10 +1,5 @@
-import { Box } from "@mui/material";
-import { About } from "leafcutter-common";
+import { About } from "leafcutter-ui";
 
 export default function Page() {
-  return (
-    <Box sx={{ p: 3 }}>
-      <About />
-    </Box>
-  );
+  return <About />;
 }

apps/link/app/(main)/leafcutter/create/page.tsx

@@ -1,13 +1,8 @@
-// import { getTemplates } from "app/_lib/opensearch";
-import { Create } from "leafcutter-common";
-import { Box } from "@mui/material";
+import { getTemplates } from "opensearch-common";
+import { Create } from "leafcutter-ui";
 
 export default async function Page() {
-  const templates = []; // await getTemplates(100);
+  const templates = await getTemplates(100);
 
-  return (
-    <Box sx={{ p: 3 }}>
-      <Create templates={templates} />
-    </Box>
-  );
+  return <Create templates={templates} />;
 }

apps/link/app/(main)/leafcutter/faq/page.tsx

@@ -1,10 +1,5 @@
-import { Box } from "@mui/material";
-import { FAQ } from "leafcutter-common";
+import { FAQ } from "leafcutter-ui";
 
 export default function Page() {
-  return (
-    <Box sx={{ p: 3 }}>
-      <FAQ />
-    </Box>
-  );
+  return <FAQ />;
 }

apps/link/app/(main)/leafcutter/layout.tsx

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { LeafcutterWrapper } from "leafcutter-ui";
+
+type LayoutProps = {
+  children: ReactNode;
+};
+
+export default function Layout({ children }: LayoutProps) {
+  return <LeafcutterWrapper>{children}</LeafcutterWrapper>;
+}

apps/link/app/(main)/leafcutter/login/page.tsx

@@ -1,10 +0,0 @@
-import { Box } from "@mui/material";
-import { FAQ } from "leafcutter-common";
-
-export default function Page() {
-  return (
-    <Box sx={{ p: 3 }}>
-      <FAQ />
-    </Box>
-  );
-}

apps/link/app/(main)/leafcutter/page.tsx

@@ -1,5 +1,4 @@
-import { Home } from "./_components/Home";
-import { LeafcutterWrapper } from "./_components/LeafcutterWrapper";
+import { Home, LeafcutterWrapper } from "leafcutter-ui";
 
 export default async function Page() {
   return (

apps/link/app/(main)/leafcutter/trends/page.tsx

@@ -1,12 +1,7 @@
-import { Box } from "@mui/material";
-import { Trends } from "leafcutter-common";
-
-export default function Page() {
-  return (
-    <Box sx={{ p: 3 }}>
-      <Trends visualizations={[]} />
-    </Box>
-  );
-}
+import { Trends } from "leafcutter-ui";
 
 export const dynamic = "force-dynamic";
+
+export default function Page() {
+  return <Trends visualizations={[]} />;
+}