56 lines
1.2 KiB
TypeScript
56 lines
1.2 KiB
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 Home = () => {
|
||
|
|
const [leafcutterURL, setLeafcutterURL] = useState(
|
||
|
|
"https://lc.digiresilience.org"
|
||
|
|
);
|
||
|
|
return (
|
||
|
|
<Layout>
|
||
|
|
<Head>
|
||
|
|
<title>Link Shell</title>
|
||
|
|
</Head>
|
||
|
|
<Grid
|
||
|
|
container
|
||
|
|
spacing={0}
|
||
|
|
sx={{ height: "100%", width: "100%", backgroundColor: "orange" }}
|
||
|
|
direction="column"
|
||
|
|
>
|
||
|
|
<Grid
|
||
|
|
item
|
||
|
|
sx={{
|
||
|
|
height: "100",
|
||
|
|
width: "100%",
|
||
|
|
backgroundColor: "red",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Iframe
|
||
|
|
id="link"
|
||
|
|
url="http://localhost:3000/zammad/"
|
||
|
|
width="100%"
|
||
|
|
height="100%"
|
||
|
|
frameBorder={1}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
{/*<Grid
|
||
|
|
item
|
||
|
|
sx={{ border: "1px solid black", height: "100vh", width: "100%" }}
|
||
|
|
>
|
||
|
|
<Iframe
|
||
|
|
id="link"
|
||
|
|
url={leafcutterURL}
|
||
|
|
width="100%"
|
||
|
|
height="100%"
|
||
|
|
frameBorder={0}
|
||
|
|
/>
|
||
|
|
</Grid> */}
|
||
|
|
</Grid>
|
||
|
|
</Layout>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Home;
|