2023-05-25 12:37:14 +00:00
|
|
|
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 {
|
2023-05-30 09:05:40 +00:00
|
|
|
publicRuntimeConfig: { linkURL },
|
2023-05-25 12:37:14 +00:00
|
|
|
} = getConfig();
|
2023-05-30 09:05:40 +00:00
|
|
|
const fullLeafcutterURL = `${linkURL}/proxy/leafcutter/${path}`;
|
2023-05-25 12:37:14 +00:00
|
|
|
|
|
|
|
|
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
|
2023-05-30 09:05:40 +00:00
|
|
|
id="leafcutter"
|
2023-05-25 12:37:14 +00:00
|
|
|
url={fullLeafcutterURL}
|
|
|
|
|
width="100%"
|
|
|
|
|
height="100%"
|
|
|
|
|
frameBorder={0}
|
|
|
|
|
/>
|
|
|
|
|
</Grid>
|
|
|
|
|
</Grid>
|
|
|
|
|
</Layout>
|
|
|
|
|
);
|
|
|
|
|
};
|
