From 69cd410aff3e742c321de0162726d0d257e298e3 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Tue, 17 Aug 2021 20:47:44 +0100
Subject: [PATCH] Fix home tab item width on Firefox. Fix inability to leave
 server, for #95. Add warning to invite bot.

---
 src/components/navigation/right/MemberSidebar.tsx | 4 ++--
 src/pages/home/Home.module.scss                   | 2 +-
 src/pages/invite/InviteBot.tsx                    | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx
index 29af6091..4e2ebbdd 100644
--- a/src/components/navigation/right/MemberSidebar.tsx
+++ b/src/components/navigation/right/MemberSidebar.tsx
@@ -43,13 +43,13 @@ function useEntries(channel: Channel, keys: string[], isServer?: boolean) {
 
         const categoryInfo: { [key: string]: string } = {};
 
-        let roles: Server["roles"];
+        let roles: Server["roles"] | undefined;
         let roleList: string[];
         if (
             channel.channel_type === "TextChannel" ||
             channel.channel_type === "VoiceChannel"
         ) {
-            roles = channel.server!.roles;
+            roles = channel.server?.roles;
             if (roles) {
                 const list = Object.keys(roles)
                     .map((id) => {
diff --git a/src/pages/home/Home.module.scss b/src/pages/home/Home.module.scss
index b7feedeb..ffe808f2 100644
--- a/src/pages/home/Home.module.scss
+++ b/src/pages/home/Home.module.scss
@@ -13,7 +13,7 @@
 
     .actions {
         gap: 8px;
-        min-width: 240px;
+        width: 240px;
 
         margin: auto;
         display: flex;
diff --git a/src/pages/invite/InviteBot.tsx b/src/pages/invite/InviteBot.tsx
index de4be108..cbc5c4c3 100644
--- a/src/pages/invite/InviteBot.tsx
+++ b/src/pages/invite/InviteBot.tsx
@@ -10,6 +10,7 @@ import Button from "../../components/ui/Button";
 import ComboBox from "../../components/ui/ComboBox";
 import Overline from "../../components/ui/Overline";
 import Preloader from "../../components/ui/Preloader";
+import Tip from "../../components/ui/Tip";
 
 export default function InviteBot() {
     const { id } = useParams<{ id: string }>();
@@ -27,6 +28,9 @@ export default function InviteBot() {
 
     return (
         <div style={{ padding: "6em" }}>
+            <Tip warning hideSeparator>
+                This section is under construction.
+            </Tip>
             {typeof data === "undefined" && <Preloader type="spinner" />}
             {data && (
                 <>