Update Link->Leafcutter integration

2023-05-25 12:37:14 +00:00 · 2023-05-25 12:37:14 +00:00 · 495e8338b9
commit 495e8338b9
parent baa1b32737
31 changed files with 239 additions and 343 deletions
--- a/apps/link/components/LeafcutterWrapper.tsx
+++ b/apps/link/components/LeafcutterWrapper.tsx
@ -0,0 +1,41 @@
+import { FC } from "react";
+import getConfig from "next/config";
+import Head from "next/head";
+import { Grid } from "@mui/material";
+import { Layout } from "components/Layout";
+import Iframe from "react-iframe";
+
+type LeafcutterWrapperProps = {
+  path: string;
+};
+
+export const LeafcutterWrapper: FC<LeafcutterWrapperProps> = ({ path }) => {
+  const {
+    publicRuntimeConfig: { leafcutterURL },
+  } = getConfig();
+  const fullLeafcutterURL = `${leafcutterURL}/${path}`;
+
+  return (
+    <Layout>
+      <Head>
+        <title>Link Shell</title>
+      </Head>
+      <Grid
+        container
+        spacing={0}
+        sx={{ height: "100%", width: "100%" }}
+        direction="column"
+      >
+        <Grid item sx={{ height: "100vh", width: "100%" }}>
+          <Iframe
+            id="link"
+            url={fullLeafcutterURL}
+            width="100%"
+            height="100%"
+            frameBorder={0}
+          />
+        </Grid>
+      </Grid>
+    </Layout>
+  );
+};