revite/src/pages/home/Home.tsx

42 lines
1.3 KiB
TypeScript
Raw Normal View History

2021-07-05 06:23:23 -04:00
import { Home as HomeIcon } from "@styled-icons/boxicons-solid";
2021-07-09 11:23:06 -04:00
import Button from "../../components/ui/Button";
2021-06-19 15:24:11 -04:00
import { Link } from "react-router-dom";
2021-07-05 06:23:23 -04:00
import styles from "./Home.module.scss";
2021-06-19 15:24:11 -04:00
import { Text } from "preact-i18n";
2021-07-05 06:23:23 -04:00
import wideSVG from "../../assets/wide.svg";
2021-06-19 15:24:11 -04:00
import Header from "../../components/ui/Header";
2021-06-19 07:34:53 -04:00
export default function Home() {
2021-07-05 06:25:20 -04:00
return (
<div className={styles.home}>
<Header placement="primary">
<HomeIcon size={24} />
<Text id="app.navigation.tabs.home" />
</Header>
<h3>
<Text id="app.special.modals.onboarding.welcome" />{" "}
<img src={wideSVG} />
</h3>
2021-07-09 11:23:06 -04:00
<div className={styles.actions}>
<Link to="/invite/Testers">
<Button contrast error>
Join testers server
</Button>
</Link>
<Link to="/settings/feedback">
<Button contrast>
Give feedback
</Button>
</Link>
<a href="https://gitlab.insrt.uk/revolt" target="_blank">
<Button contrast>
Source code
</Button>
</a>
</div>
2021-07-05 06:25:20 -04:00
</div>
);
2021-06-19 07:34:53 -04:00
}