From 1c8289df0e1bbecfae6189ebb186fec801932870 Mon Sep 17 00:00:00 2001
From: Daan <dw.daanwijns@gmail.com>
Date: Wed, 16 Sep 2020 08:41:46 +0200
Subject: [PATCH] mobile swipe support on tabs

---
 src/components/Modals/SettingsModal/SettingsModal.vue | 11 ++++++-----
 .../Modals/TorrentDetailModal/TorrentDetailModal.vue  |  8 ++++----
 src/mixins/Modal.js                                   |  3 +++
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/Modals/SettingsModal/SettingsModal.vue b/src/components/Modals/SettingsModal/SettingsModal.vue
index 8c6d96b6..b1fc932f 100644
--- a/src/components/Modals/SettingsModal/SettingsModal.vue
+++ b/src/components/Modals/SettingsModal/SettingsModal.vue
@@ -20,18 +20,19 @@
                 <perfect-scrollbar>
                     <v-tabs-items
                         v-model="tab"
-                        touchless
+                        :touch="updateTab(tab)"
                         :style="{ maxHeight: dialogHeight }"
                     >
-                        <v-tab-item value="webui">
-                            <WebUI :is-active="tab === 'webui'" />
+                        <v-tab-item value="downloads">
+                            <Downloads :is-active="tab === 'downloads'" />
                         </v-tab-item>
                         <v-tab-item value="bittorrent">
                             <BitTorrent :is-active="tab === 'bittorrent'" />
                         </v-tab-item>
-                        <v-tab-item value="downloads">
-                            <Downloads :is-active="tab === 'downloads'" />
+                        <v-tab-item value="webui">
+                            <WebUI :is-active="tab === 'webui'" />
                         </v-tab-item>
+
                         <v-tab-item value="vuetorrent">
                             <VueTorrent :is-active="tab === 'vuetorrent'" />
                         </v-tab-item>
diff --git a/src/components/Modals/TorrentDetailModal/TorrentDetailModal.vue b/src/components/Modals/TorrentDetailModal/TorrentDetailModal.vue
index 1b6a592c..4a50ad47 100644
--- a/src/components/Modals/TorrentDetailModal/TorrentDetailModal.vue
+++ b/src/components/Modals/TorrentDetailModal/TorrentDetailModal.vue
@@ -23,19 +23,19 @@
                     <v-tab href="#content">Content</v-tab>
                     <v-tab href="#tagsAndCategories">Tags & Categories</v-tab>
                 </v-tabs>
-                <v-tabs-items v-model="tab" touchless>
+                <v-tabs-items v-model="tab" :touch="updateTab(tab)">
                     <v-tab-item value="info">
                         <info :is-active="tab === 'info'" :hash="hash" />
                     </v-tab-item>
-                    <v-tab-item value="peers">
-                        <Peers :is-active="tab === 'peers'" :hash="hash" />
-                    </v-tab-item>
                     <v-tab-item value="trackers">
                         <Trackers
                             :is-active="tab === 'trackers'"
                             :hash="hash"
                         />
                     </v-tab-item>
+                    <v-tab-item value="peers">
+                        <Peers :is-active="tab === 'peers'" :hash="hash" />
+                    </v-tab-item>
                     <v-tab-item value="content">
                         <Content :is-active="tab === 'content'" :hash="hash" />
                     </v-tab-item>
diff --git a/src/mixins/Modal.js b/src/mixins/Modal.js
index 8582a0ae..719adaa7 100644
--- a/src/mixins/Modal.js
+++ b/src/mixins/Modal.js
@@ -15,6 +15,9 @@ export default {
     methods: {
         deleteModal() {
             setTimeout(() => this.$store.commit('DELETE_MODAL', this.guid), 100)
+        },
+        updateTab(tab) {
+            this.tab = tab
         }
     },
     beforeDestroy() {