36 lines
839 B
TypeScript
36 lines
839 B
TypeScript
import { useState } from "react";
|
|
import Head from "next/head";
|
|
import { Grid, Button } from "@mui/material";
|
|
import { Layout } from "components/Layout";
|
|
import Iframe from "react-iframe";
|
|
|
|
const Leafcutter = () => {
|
|
const [leafcutterURL, setLeafcutterURL] = useState(
|
|
"https://lc.digiresilience.org/about"
|
|
);
|
|
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={leafcutterURL}
|
|
width="100%"
|
|
height="100%"
|
|
frameBorder={0}
|
|
/>
|
|
</Grid>
|
|
</Grid>
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default Leafcutter;
|