Rename boardSettings -> editBoardModal

src/components/Board/PinnedBoards.vue

@@ -29,6 +29,7 @@
       ${board.backgroundColor ? ` background-color: ${board.backgroundColor};` : null }
       ${getWallpaperUrl(board.wallpaper) }
       `"
+      @click.native="$bvModal.show('edit-board')"
     >
       <span class="board-initials text-uppercase mr-1">
         {{ getBoardInitials(board.name) }}
@@ -72,6 +73,8 @@ export default {
     viewBoard(id) {
       if (this.board.id !== id) {
         this.$router.push({ name: 'board', params: { id } });
+      } else {
+        this.$bvModal.show('edit-board');
       }
     },
 

src/components/Settings/EditBoardModal.vue

@@ -1,6 +1,6 @@
 <template lang="html">
   <b-modal
-    id="board-settings"
+    id="edit-board"
     :header-bg-variant="nightMode ? 'dark' : null"
     :header-text-variant="nightMode ? 'white' : null"
     :body-bg-variant="nightMode ? 'dark' : null"
@@ -328,7 +328,7 @@ export default {
 
       this.saving = false;
       this.$bvToast.toast('Board settings saved');
-      this.$bvModal.hide('board-settings');
+      this.$bvModal.hide('edit-board');
 
       if (wallpaperChanged) {
         this.$bus.$emit('RELOAD_WALLPAPER');

src/pages/Board.vue

@@ -16,7 +16,7 @@
       <empty-board v-if="isEmptyBoard" class="mr-3" />
 
       <add-list-modal />
-      <board-settings />
+      <edit-board-modal />
     </template>
 
     <b-alert
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import BoardSettings from '@/components/Settings/BoardSettings';
+import EditBoardModal from '@/components/Settings/EditBoardModal';
 import BoardPlaceholder from '@/components/Board/BoardPlaceholder';
 import EmptyBoard from '@/components/Board/EmptyBoard';
 import AddListModal from '@/components/Board/AddListModal';
@@ -46,7 +46,7 @@ export default {
     BoardPlaceholder,
     EmptyBoard,
     AddListModal,
-    BoardSettings,
+    EditBoardModal,
   },
 
   data() {