Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | 1x 1x 1x 1x 1x 1x 1x | import React from "react";
import { Link } from "react-router-dom";
import Page from "src/pages/page";
import { createStyleFor } from "src/helpers/styles";
/** @private */
const styleFor = createStyleFor({
iconContainer: {
verticalAlign: "middle",
},
icon: {
cursor: "help",
fontSize: "small",
},
});
export default function HomePage(): JSX.Element {
return (
<Page className="justify-content-center align-items-stretch">
<div className="text-center">
<Link to="/profile">Go to profile page</Link>
<span className="ml-1">or</span>
<span className="ml-1">
<Link to="/launch">launch a rocket 🚀 to Mars</Link>
<span style={styleFor.iconContainer}>
<i
className="material-icons ml-1 text-muted"
style={styleFor.icon}
title="No rockets for now, I'm just taking the opportunity to show 404 page"
>
help_outline
</i>
</span>
</span>
</div>
</Page>
);
}
|