From cd394eed3f7afe2e3e397bfe5cb4e523e150deb9 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Fri, 9 Jul 2021 16:23:06 +0100
Subject: [PATCH] Update Home and Feedback.

---
 src/pages/home/Home.module.scss       | 14 +++++------
 src/pages/home/Home.tsx               | 36 +++++++++++++--------------
 src/pages/settings/panes/Feedback.tsx | 16 +-----------
 3 files changed, 25 insertions(+), 41 deletions(-)

diff --git a/src/pages/home/Home.module.scss b/src/pages/home/Home.module.scss
index 1210ee80..e57d85e1 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 a817fd31..1528edd3 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 e67ab4be..508b5f33 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