boards pages

src/components/Boards.vue

@@ -10,32 +10,16 @@
       <b-button v-b-modal:create-board>
         {{ $t('boards.create') }}
       </b-button>
-    </empty-state>
 
-    <portal to="dock">
-      <b-button
-        v-if="showCreateBoard"
-        variant="primary"
-        v-b-modal:create-board
-      >
-        {{ $t('boards.create') }}
+      <b-button :to="{ name: 'public-boards' }">
+        View public boards
       </b-button>
-    </portal>
+    </empty-state>
 
     <div class="packery-grid">
       <div v-if="showPlaceholder">
         Loading
       </div>
-      <!-- <div v-if="">
-        <b-card
-          v-for="n in 3"
-          :key="n"
-          no-body
-          class="mb-3 p-1 mt-3"
-        >
-          <b-skeleton-img />
-        </b-card>
-      </div> -->
 
       <mini-board
         v-for="board in sortedBoards"
@@ -48,6 +32,7 @@
         <b-button
           class="position-absolute edit-board-button"
           size="sm"
+          variant="secondary"
           @click.stop="editBoard(board)"
         >
           <i class="fas fa-pencil-alt fa-fw" aria-hidden />

src/pages/BoardsPage.vue

@@ -1,12 +1,18 @@
 <template lang="html">
   <b-container v-if="user">
+    <page-title
+      title="Boards"
+      action-text="Create board"
+      @action="$bvModal.show('create-board')"
+    />
+
     <boards />
   </b-container>
 </template>
 
 <script>
 import Boards from '@/components/Boards';
-import { mapState, mapGetters } from 'vuex';
+import { mapState } from 'vuex';
 
 export default {
   components: {

src/router.js

@@ -8,7 +8,7 @@ import Tags from '@/pages/Tags';
 import Notes from '@/pages/Notes';
 import Releases from '@/pages/Releases';
 import Auth from '@/pages/Auth';
-import Dashboard from '@/pages/Dashboard';
+import BoardsPage from '@/pages/BoardsPage';
 import DevToolsPage from '@/pages/DevToolsPage';
 import Home from '@/pages/Home';
 import Settings from '@/pages/Settings';
@@ -21,11 +21,11 @@ Vue.use(Router);
 export default new Router({
   routes: [
     {
-      name: 'dashboard',
-      path: '/dashboard',
-      component: Dashboard,
+      name: 'boards',
+      path: '/boards',
+      component: BoardsPage,
       meta: {
-        title: 'Dashboard',
+        title: 'BoardsPage',
       },
     },
     {