2021-07-05 06:23:23 -04:00
|
|
|
import { Home as HomeIcon } from "@styled-icons/boxicons-solid";
|
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-07-25 09:37:19 -04:00
|
|
|
import Tooltip from "../../components/common/Tooltip";
|
2021-07-10 10:57:29 -04:00
|
|
|
import Button from "../../components/ui/Button";
|
2021-06-19 15:24:11 -04:00
|
|
|
import Header from "../../components/ui/Header";
|
2021-06-20 06:05:12 -04:00
|
|
|
|
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>
|
2021-08-02 17:03:59 -04:00
|
|
|
<Text id="app.special.modals.onboarding.welcome" />
|
|
|
|
<br />
|
2021-07-05 06:25:20 -04:00
|
|
|
<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>
|
2021-08-02 17:03:59 -04:00
|
|
|
<a
|
|
|
|
href="https://insrt.uk/donate"
|
|
|
|
target="_blank"
|
|
|
|
rel="noreferrer">
|
|
|
|
<Button contrast gold>
|
|
|
|
Donate to Revolt
|
|
|
|
</Button>
|
|
|
|
</a>
|
2021-07-09 11:23:06 -04:00
|
|
|
<Link to="/settings/feedback">
|
2021-07-10 10:57:29 -04:00
|
|
|
<Button contrast>Give feedback</Button>
|
2021-07-09 11:23:06 -04:00
|
|
|
</Link>
|
2021-07-25 09:37:19 -04:00
|
|
|
<Link to="/settings">
|
|
|
|
<Tooltip content="You can also right-click the user icon in the top left, or left click it if you're already home.">
|
|
|
|
<Button contrast>Open settings</Button>
|
|
|
|
</Tooltip>
|
|
|
|
</Link>
|
2021-07-09 11:23:06 -04:00
|
|
|
</div>
|
2021-07-05 06:25:20 -04:00
|
|
|
</div>
|
|
|
|
);
|
2021-06-19 07:34:53 -04:00
|
|
|
}
|