convert tutorial screen to mui

This commit is contained in:
Olivier Gagnon
2021-09-22 03:30:06 -04:00
parent 28aca06208
commit 61dd393bb5

View File

@@ -1,99 +1,93 @@
import React from "react"; import React from "react";
import Typography from "@mui/material/Typography";
import Link from "@mui/material/Link";
import Box from "@mui/material/Box";
export function TutorialRoot(): React.ReactElement { export function TutorialRoot(): React.ReactElement {
return ( return (
<> <>
<h1>Tutorial (AKA Links to Documentation)</h1> <Typography variant="h4">Tutorial (AKA Links to Documentation)</Typography>
<a <Box m={2}>
id="tutorial-getting-started-link" <Link
className="a-link-button" color="primary"
target="_blank" target="_blank"
href="https://bitburner.readthedocs.io/en/latest/guidesandtips/gettingstartedguideforbeginnerprogrammers.html" href="https://bitburner.readthedocs.io/en/latest/guidesandtips/gettingstartedguideforbeginnerprogrammers.html"
> >
Getting Started <Typography>Getting Started</Typography>
</a> </Link>
<br /> <br />
<br /> <Link
<a color="primary"
className="a-link-button" target="_blank"
target="_blank" href="https://bitburner.readthedocs.io/en/latest/basicgameplay/servers.html"
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/servers.html" >
> <Typography>Servers & Networking</Typography>
Servers & Networking </Link>
</a> <br />
<br /> <Link
<br /> color="primary"
<a target="_blank"
className="a-link-button" href="https://bitburner.readthedocs.io/en/latest/basicgameplay/hacking.html"
target="_blank" >
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/hacking.html" <Typography>Hacking</Typography>
> </Link>
Hacking <br />
</a> <Link
<br /> color="primary"
<br /> target="_blank"
<a href="https://bitburner.readthedocs.io/en/latest/basicgameplay/scripts.html"
className="a-link-button" >
target="_blank" <Typography>Scripts</Typography>
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/scripts.html" </Link>
> <br />
Scripts <Link color="primary" target="_blank" href="https://bitburner.readthedocs.io/en/latest/netscript.html">
</a> <Typography>Netscript Programming Language</Typography>
<br /> </Link>
<br /> <br />
<a className="a-link-button" target="_blank" href="https://bitburner.readthedocs.io/en/latest/netscript.html"> <Link
Netscript Programming Language color="primary"
</a> target="_blank"
<br /> href="https://bitburner.readthedocs.io/en/latest/basicgameplay/world.html"
<br /> >
<a <Typography>Traveling</Typography>
className="a-link-button" </Link>
target="_blank" <br />
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/world.html" <Link
> color="primary"
Traveling target="_blank"
</a> href="https://bitburner.readthedocs.io/en/latest/basicgameplay/companies.html"
<br /> >
<br /> <Typography>Companies</Typography>
<a </Link>
className="a-link-button" <br />
target="_blank" <Link
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/companies.html" color="primary"
> target="_blank"
Companies href="https://bitburner.readthedocs.io/en/latest/basicgameplay/infiltration.html"
</a> >
<br /> <Typography>Infiltration</Typography>
<br /> </Link>
<a <br />
className="a-link-button" <Link
target="_blank" color="primary"
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/infiltration.html" target="_blank"
> href="https://bitburner.readthedocs.io/en/latest/basicgameplay/factions.html"
Infiltration >
</a> <Typography>Factions</Typography>
<br /> </Link>
<br /> <br />
<a <Link
className="a-link-button" color="primary"
target="_blank" target="_blank"
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/factions.html" href="https://bitburner.readthedocs.io/en/latest/basicgameplay/augmentations.html"
> >
Factions <Typography>Augmentations</Typography>
</a> </Link>
<br /> <br />
<br /> <Link color="primary" target="_blank" href="https://bitburner.readthedocs.io/en/latest/shortcuts.html">
<a <Typography>Keyboard Shortcuts</Typography>
className="a-link-button" </Link>
target="_blank" </Box>
href="https://bitburner.readthedocs.io/en/latest/basicgameplay/augmentations.html"
>
Augmentations
</a>
<br />
<br />
<a className="a-link-button" target="_blank" href="https://bitburner.readthedocs.io/en/latest/shortcuts.html">
Keyboard Shortcuts
</a>
</> </>
); );
} }