link-stack/metamigo-frontend/pages/index.tsx
2023-02-13 12:41:30 +00:00

29 lines
758 B
TypeScript

import { NextPage } from "next";
import { Typography, Box, Button, Grid, Link } from "@material-ui/core";
import { FC, PropsWithChildren, useEffect } from "react";
import { useRouter } from "next/router";
export const RedirectToAdmin: FC<PropsWithChildren> = ({ children }) => {
const router = useRouter();
useEffect(() => {
router.push("/admin");
});
return <>{children}</>;
};
const Home: NextPage = () => (
<Box>
<Typography variant="h3">Metamigo</Typography>
<Grid container justify="space-around" style={{ padding: 60 }}>
<Grid item>
<Link href="/admin">
<Button variant="contained">Admin</Button>
<RedirectToAdmin />
</Link>
</Grid>
</Grid>
</Box>
);
export default Home;