diff --git a/src/pages/home/Home.module.scss b/src/pages/home/Home.module.scss index 1210ee80facf10af1e1f0ee8dfd2551d316fd5d0..e57d85e1e4b14a95928f6ebf801152f00c58cc1a 100644 --- a/src/pages/home/Home.module.scss +++ b/src/pages/home/Home.module.scss @@ -11,15 +11,13 @@ } } - ul { + .actions { + gap: 8px; margin: auto; - display: block; - font-size: 18px; - text-align: center; - - li { - list-style: lower-greek; - } + display: flex; + width: fit-content; + align-items: center; + flex-direction: column; } } diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx index a817fd316f3cf03c3a22fb6f795ce1c8483197d8..1528edd35db049e04cfac82bdbcd46002027dc88 100644 --- a/src/pages/home/Home.tsx +++ b/src/pages/home/Home.tsx @@ -1,4 +1,5 @@ import { Home as HomeIcon } from "@styled-icons/boxicons-solid"; +import Button from "../../components/ui/Button"; import { Link } from "react-router-dom"; import styles from "./Home.module.scss"; @@ -18,24 +19,23 @@ export default function Home() { <Text id="app.special.modals.onboarding.welcome" />{" "} <img src={wideSVG} /> </h3> - <ul> - <li> - Go to your <Link to="/friends">friends list</Link>. - </li> - <li> - Give <Link to="/settings/feedback">feedback</Link>. - </li> - <li> - Join <Link to="/invite/Testers">testers server</Link>. - </li> - <li> - View{" "} - <a href="https://gitlab.insrt.uk/revolt" target="_blank"> - source code - </a> - . - </li> - </ul> + <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> </div> ); } diff --git a/src/pages/settings/panes/Feedback.tsx b/src/pages/settings/panes/Feedback.tsx index e67ab4be1a5fe8d48e52c5a9f937722d2bfedc00..508b5f3375ec38fbe81f9bbe54f0e2dd700eb309 100644 --- a/src/pages/settings/panes/Feedback.tsx +++ b/src/pages/settings/panes/Feedback.tsx @@ -57,23 +57,9 @@ export function Feedback() { onSelect={() => setChecked("Feature Request")}> <Text id="app.settings.pages.feedback.feature" /> </Radio> - {(location.hostname === "vite.revolt.chat" || - location.hostname === "local.revolt.chat") && ( - <Radio - disabled={state === "sending"} - checked={other === "Revite"} - onSelect={() => { - setChecked("__other_option__"); - setOther("Revite"); - }}> - Issues with Revite - </Radio> - )} <Radio disabled={state === "sending"} - checked={ - checked === "__other_option__" && other !== "Revite" - } + checked={checked === "__other_option__"} onSelect={() => setChecked("__other_option__")}> <Localizer> <InputBox