From c222fced0eea47e94bb00fe1c59b9b5f5a0f44e6 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn123@googlemail.com>
Date: Mon, 2 Sep 2019 15:16:23 +0100
Subject: [PATCH] notifications tab now hidden for mobile users.

---
 src/components/app/Popouts/Popouts/Settings.vue | 15 ++++++++++++---
 src/utils/Mobile.js                             |  9 +++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 src/utils/Mobile.js

diff --git a/src/components/app/Popouts/Popouts/Settings.vue b/src/components/app/Popouts/Popouts/Settings.vue
index a03061e..22a397a 100644
--- a/src/components/app/Popouts/Popouts/Settings.vue
+++ b/src/components/app/Popouts/Popouts/Settings.vue
@@ -3,7 +3,7 @@
     <div class="settings-box">
       <div class="tabs">
         <div class="tab"
-          v-for="(tab, index) in tabs"
+          v-for="(tab, index) in tabsFiltered"
           :key="index"
           :class="{selected: currentTab === index}"
           @click="currentTab = index">
@@ -32,11 +32,14 @@
 <script>
 import { bus } from "@/main";
 
+import {isMobile} from '@/utils/Mobile';
+
 const MyProfile = () => import("./SettingsPanels/MyProfile.vue");
 const ManageEmojis = () => import("./SettingsPanels/ManageEmojis.vue");
 const MessageDesign = () => import("./SettingsPanels/MessageDesign.vue");
 const Notifications = () => import("./SettingsPanels/Notifications.vue");
 
+
 export default {
   components: {
     MyProfile,
@@ -71,7 +74,8 @@ export default {
           name: "Notifications",
           tabName: "Notifications",
           icon: "message",
-          component: "notifications"
+          component: "notifications",
+          hidden: isMobile(),
         }
       ]
     };
@@ -87,6 +91,11 @@ export default {
         visibility: false
       });
     }
+  },
+  computed: {
+    tabsFiltered() {
+      return this.tabs.filter(t => t.hidden !== true )
+    }
   }
 };
 </script>
@@ -136,7 +145,7 @@ export default {
   border-radius: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
-  cursor: default;
+  cursor: pointer;
   user-select: none;
   transition: 0.3s;
   align-items: center;
diff --git a/src/utils/Mobile.js b/src/utils/Mobile.js
new file mode 100644
index 0000000..9eb4a58
--- /dev/null
+++ b/src/utils/Mobile.js
@@ -0,0 +1,9 @@
+exports.isMobile = () => {
+  // if we want a more complete list use this: http://detectmobilebrowsers.com/
+  // str.test() is more efficent than str.match()
+  // remember str.test is case sensitive
+  var isMobile = /iphone|ipod|android|ie|blackberry|fennec/.test(
+    navigator.userAgent.toLowerCase()
+  );
+  return isMobile;
+};