From 6353cda5825f442dd539886c7b9ba437edf27ac4 Mon Sep 17 00:00:00 2001
From: sct <ryan@sct.dev>
Date: Fri, 25 Dec 2020 20:01:35 +0900
Subject: [PATCH] fix(frontend): fix mobile dropdown in notifications settings

---
 src/components/Settings/SettingsNotifications.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Settings/SettingsNotifications.tsx b/src/components/Settings/SettingsNotifications.tsx
index d7a0ba3f9..034c9e5e9 100644
--- a/src/components/Settings/SettingsNotifications.tsx
+++ b/src/components/Settings/SettingsNotifications.tsx
@@ -12,14 +12,16 @@ const messages = defineMessages({
 });
 
 interface SettingsRoute {
-  text: React.ReactNode;
+  text: string;
+  content: React.ReactNode;
   route: string;
   regex: RegExp;
 }
 
 const settingsRoutes: SettingsRoute[] = [
   {
-    text: (
+    text: 'Email',
+    content: (
       <span className="flex items-center">
         <svg
           className="h-4 mr-2"
@@ -42,7 +44,8 @@ const settingsRoutes: SettingsRoute[] = [
     regex: /^\/settings\/notifications\/email/,
   },
   {
-    text: (
+    text: 'Discord',
+    content: (
       <span className="flex items-center">
         <DiscordLogo className="h-4 mr-2" />
         Discord
@@ -52,7 +55,8 @@ const settingsRoutes: SettingsRoute[] = [
     regex: /^\/settings\/notifications\/discord/,
   },
   {
-    text: (
+    text: 'Slack',
+    content: (
       <span className="flex items-center">
         <SlackLogo className="h-4 mr-2" />
         Slack
@@ -144,7 +148,7 @@ const SettingsNotifications: React.FC = ({ children }) => {
                 regex={route.regex}
                 key={`standard-settings-link-${index}`}
               >
-                {route.text}
+                {route.content}
               </SettingsLink>
             ))}
           </nav>