From b3cfa56cf28c9af873146e3efee48ee83f6e1551 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Mon, 16 Dec 2019 12:05:52 -0700
Subject: [PATCH] Track drag status via store

---
 src/components/Lists/List.vue | 10 +++++-----
 src/pages/GameBoard.vue       |  9 +--------
 src/store/mutations.js        |  4 ++++
 src/store/state.js            |  1 +
 4 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/Lists/List.vue b/src/components/Lists/List.vue
index 6df38d69..e76fd88a 100644
--- a/src/components/Lists/List.vue
+++ b/src/components/Lists/List.vue
@@ -114,7 +114,7 @@ export default {
   },
 
   computed: {
-    ...mapState(['user', 'gameLists', 'platform', 'settings', 'games']),
+    ...mapState(['user', 'gameLists', 'platform', 'settings', 'games', 'dragging']),
 
     autoSortEnabled() {
       const list = this.list[this.listIndex];
@@ -241,12 +241,12 @@ export default {
     },
 
     dragStart({ item }) {
-      this.dragging = true;
+      this.$store.commit('SET_DRAGGING_STATUS', true);
       this.draggingId = item.id;
-      this.$emit('dragStart');
     },
 
     dragEnd() {
+      this.$store.commit('SET_DRAGGING_STATUS', false);
       this.$emit('dragEnd');
     },
   },
@@ -268,8 +268,8 @@ export default {
     max-height: calc(100vh - 100px);
 
     @media($small) {
-      .games {
-        &:not(.dragging) {
+      &:not(.dragging) {
+        .games {
           scroll-snap-type: y mandatory;
           scroll-padding: $gp / 2;
 
diff --git a/src/pages/GameBoard.vue b/src/pages/GameBoard.vue
index aaca4634..6412484b 100755
--- a/src/pages/GameBoard.vue
+++ b/src/pages/GameBoard.vue
@@ -9,7 +9,6 @@
       :game-list="list.games"
       :list-index="listIndex"
       :key="`${list.name}-${listIndex}`"
-      @dragStart="dragStart"
       @dragEnd="dragEnd"
     />
 
@@ -41,7 +40,6 @@ export default {
 
   data() {
     return {
-      dragging: false,
       draggingId: null,
       loading: false,
       gameData: null,
@@ -51,7 +49,7 @@ export default {
   },
 
   computed: {
-    ...mapState(['user', 'gameLists', 'platform', 'games']),
+    ...mapState(['user', 'gameLists', 'platform', 'games', 'dragging']),
 
     list() {
       return this.gameLists && this.platform && this.gameLists[this.platform.code]
@@ -74,12 +72,7 @@ export default {
   },
 
   methods: {
-    dragStart() {
-      this.dragging = true;
-    },
-
     dragEnd() {
-      this.dragging = false;
       this.draggingId = null;
       this.updateLists();
     },
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 28b6c8bd..a1fb7a94 100755
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -49,6 +49,10 @@ export default {
     state.tags = tags;
   },
 
+  SET_DRAGGING_STATUS(state, status) {
+    state.dragging = status;
+  },
+
   SET_NOTES(state, notes) {
     state.notes = notes;
   },
diff --git a/src/store/state.js b/src/store/state.js
index d55ae342..33483074 100755
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -3,6 +3,7 @@ export default {
   releases: null,
   tags: {},
   notes: {},
+  dragging: false,
   activeListIndex: null,
   gameLists: {},
   settings: null,