From 1cdc6b51dfdeccc75dda69e0153eea7c2b39400c Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Tue, 11 Jan 2022 21:24:02 +0100
Subject: [PATCH] fix(sidebar): hide discover button on mobile

---
 .../navigation/left/ServerListSidebar.tsx     | 58 ++++++++++---------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 56d8ef46..4b5dc0fe 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -388,39 +388,41 @@ export default observer(() => {
                         </div>
                     </Tooltip>
                 </ServerCircle>
-                <ServerCircle>
-                    <Tooltip
-                        content={
-                            <div
-                                style={{
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "6px",
-                                }}>
-                                <div>Discover Revolt</div>
+                {!isTouchscreenDevice && (
+                    <ServerCircle>
+                        <Tooltip
+                            content={
                                 <div
                                     style={{
-                                        padding: "1px 5px",
-                                        fontSize: "11px",
-                                        background: "var(--status-busy)",
-                                        borderRadius: "60px",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        gap: "6px",
                                     }}>
-                                    NEW
+                                    <div>Discover Revolt</div>
+                                    <div
+                                        style={{
+                                            padding: "1px 5px",
+                                            fontSize: "11px",
+                                            background: "var(--status-busy)",
+                                            borderRadius: "60px",
+                                        }}>
+                                        NEW
+                                    </div>
                                 </div>
+                            }
+                            placement="right">
+                            <div className="circle">
+                                <IconButton>
+                                    <Link to="/discover">
+                                        <a>
+                                            <Compass size={32} />
+                                        </a>
+                                    </Link>
+                                </IconButton>
                             </div>
-                        }
-                        placement="right">
-                        <div className="circle">
-                            <IconButton>
-                                <Link to="/discover">
-                                    <a>
-                                        <Compass size={32} />
-                                    </a>
-                                </Link>
-                            </IconButton>
-                        </div>
-                    </Tooltip>
-                </ServerCircle>
+                        </Tooltip>
+                    </ServerCircle>
+                )}
             </ServerList>
             <PaintCounter small />
             {!isTouchscreenDevice && (