From a3bc91c0bf6ff7a8e46fbe4dcc82c657488cce43 Mon Sep 17 00:00:00 2001
From: gamebrary <contact@gamebrary.com>
Date: Mon, 9 Sep 2024 15:07:59 -0700
Subject: [PATCH] Use router link for routing from mini board

---
 src/components/AddRemoveGame.vue           |  3 +-
 src/components/Board/StandardBoard.vue     |  3 ++
 src/components/CreateBoardSidebar.vue      |  1 +
 src/components/EditBoardSidebar.vue        |  1 +
 src/components/Game/GameInBoards.vue       |  1 +
 src/components/WallpaperDetailsSidebar.vue |  1 +
 src/pages/BoardsPage.vue                   | 38 ++++++++++------------
 src/pages/HomePage.vue                     |  1 -
 src/pages/PublicBoardsPage.vue             |  1 -
 src/pages/PublicProfilePage.vue            |  2 --
 10 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/AddRemoveGame.vue b/src/components/AddRemoveGame.vue
index 4ebf2beb..fdaf218b 100755
--- a/src/components/AddRemoveGame.vue
+++ b/src/components/AddRemoveGame.vue
@@ -26,7 +26,6 @@
             class="cursor-pointer"
             :board="board"
             thumbnail
-            @click.native="$router.push({ name: 'board', params: { id: board.id } })"
           />
 
           <h3 class="mx-2">{{ board.name }}</h3>
@@ -110,7 +109,7 @@ export default {
       try {
         await this.$store.dispatch('SAVE_GAME_BOARD', board);
       } catch (e) {
-        // 
+        //
       }
     },
 
diff --git a/src/components/Board/StandardBoard.vue b/src/components/Board/StandardBoard.vue
index d34500ff..c5a2ddf3 100644
--- a/src/components/Board/StandardBoard.vue
+++ b/src/components/Board/StandardBoard.vue
@@ -88,5 +88,8 @@ export default {
 .standard-board {
   display: flex;
   justify-content: center;
+  align-items: center;
+  overflow-y: auto;
+  flex-direction: column;
 }
 </style>
diff --git a/src/components/CreateBoardSidebar.vue b/src/components/CreateBoardSidebar.vue
index 06bfbd19..55ba9608 100644
--- a/src/components/CreateBoardSidebar.vue
+++ b/src/components/CreateBoardSidebar.vue
@@ -39,6 +39,7 @@
         <MiniBoard
           class="mb-2"
           :board="sampleBoardWithRandomizedGames"
+          no-link
         />
 
         <b-form-checkbox
diff --git a/src/components/EditBoardSidebar.vue b/src/components/EditBoardSidebar.vue
index c7b959d9..832cec27 100644
--- a/src/components/EditBoardSidebar.vue
+++ b/src/components/EditBoardSidebar.vue
@@ -54,6 +54,7 @@
         <MiniBoard
           class="mb-3"
           :board="previewBoard"
+          no-link
         />
 
         <b-form-checkbox
diff --git a/src/components/Game/GameInBoards.vue b/src/components/Game/GameInBoards.vue
index 246fe863..de286d79 100644
--- a/src/components/Game/GameInBoards.vue
+++ b/src/components/Game/GameInBoards.vue
@@ -7,6 +7,7 @@
       :key="board.id"
       :board="board"
       class="mb-3"
+      no-link
       @click.native="handleBoardClick(board.id)"
     />
   </div>
diff --git a/src/components/WallpaperDetailsSidebar.vue b/src/components/WallpaperDetailsSidebar.vue
index 0ab6efba..22a879f3 100644
--- a/src/components/WallpaperDetailsSidebar.vue
+++ b/src/components/WallpaperDetailsSidebar.vue
@@ -71,6 +71,7 @@
           v-for="board in formattedBoards"
           :key="board.id"
           :board="board"
+          no-link
           @click.native="setAsBoardWallpaper(board)"
         />
       </b-collapse>
diff --git a/src/pages/BoardsPage.vue b/src/pages/BoardsPage.vue
index de8f9ff1..6c69d234 100644
--- a/src/pages/BoardsPage.vue
+++ b/src/pages/BoardsPage.vue
@@ -28,52 +28,51 @@
           {{ $t('boards.create') }}
         </b-button>
       </EmptyState>
-  
+
       <div v-else class="board-grid pb-3">
         <MiniBoard
           v-for="board in sortedBoards"
           :key="board.id"
           :board="board"
-          @click.native="$router.push({ name: 'board', params: { id: board.id } })"
         />
       </div>
     </div>
   </template>
-  
+
   <script>
   import MiniBoard from '@/components/Board/MiniBoard';
   import EmptyState from '@/components/EmptyState';
   import { mapState, mapGetters } from 'vuex';
-  
+
   export default {
     components: {
       MiniBoard,
       EmptyState,
     },
-  
+
     data() {
       return {
         loading: false,
       };
     },
-  
+
     computed: {
       ...mapState(['user', 'boards', 'wallpapers']),
       ...mapGetters(['isBoardOwner', 'sortedBoards', 'sortedPublicBoards', 'darkTheme', 'navPosition']),
-  
+
       recentlyUpdatedPublicBoards() {
         return this.sortedPublicBoards.filter(({ lastUpdated }) => Boolean(lastUpdated)).slice(0, 20);
       },
-  
+
       isEmpty() {
         return this.boards?.length === 0;
       },
     },
-  
+
     mounted() {
       this.loadBoards()
     },
-  
+
     methods: {
       async loadBoards() {
         this.loading = this.boards?.length === 0;
@@ -83,40 +82,39 @@
             this.loading = false;
             this.$store.commit('SET_SESSION_EXPIRED', true);
           });
-  
+
         this.loading = false;
-  
+
         if(!this.boards?.length) this.$emit('empty');
       },
-  
+
       async loadPublicBoards() {
         await this.$store.dispatch('LOAD_PUBLIC_BOARDS')
           .catch((e) => {
             this.loading = false;
             this.$store.commit('SET_SESSION_EXPIRED', true);
           });
-  
+
         this.loading = false;
       },
-  
+
       viewPublicBoard(id) {
         this.$router.push({ name: 'public.board', params: { id } });
       },
-  
+
       async deleteBoard(id) {
         this.loading = true;
-  
+
         await this.$store.dispatch('DELETE_BOARD', id)
           .catch(() => {
             this.loading = false;
-  
+
             this.$bvToast.toast('There was an error deleting board', { variant: 'error' });
           });
-  
+
         this.loading = false;
         this.$bvToast.toast('Board removed');
       },
     },
   };
   </script>
-  
\ No newline at end of file
diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
index 2083d834..a3729cca 100644
--- a/src/pages/HomePage.vue
+++ b/src/pages/HomePage.vue
@@ -17,7 +17,6 @@
           v-for="board in recentlyUpdatedPublicBoards"
           :key="board.id"
           :board="board"
-          @click.native="$router.push({ name: 'board', params: { id: board.id } })"
         />
       </div>
 
diff --git a/src/pages/PublicBoardsPage.vue b/src/pages/PublicBoardsPage.vue
index 6e8e2c7e..90827aa1 100644
--- a/src/pages/PublicBoardsPage.vue
+++ b/src/pages/PublicBoardsPage.vue
@@ -7,7 +7,6 @@
           v-for="board in sortedPublicBoards"
           :key="board.id"
           :board="board"
-          @click.native="$router.push({ name: 'board', params: { id: board.id } })"
         />
       </div>
     </div>
diff --git a/src/pages/PublicProfilePage.vue b/src/pages/PublicProfilePage.vue
index c72bac89..9a9defac 100644
--- a/src/pages/PublicProfilePage.vue
+++ b/src/pages/PublicProfilePage.vue
@@ -66,8 +66,6 @@
           v-for="board in userBoards"
           :key="board.id"
           :board="board"
-          @click.native="$router.push({ name: 'board', params: { id: board.id } })"
-          class="p-relative mb-3"
         />
       </div>
     </div>