From 7e1a2acd5b2c309a05116f09bf633f09e261083e Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Fri, 30 Apr 2021 14:57:19 -0700
Subject: [PATCH] universal boards dropdown

---
 src/components/BoardsDropdown.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/BoardsDropdown.vue b/src/components/BoardsDropdown.vue
index d753afc0..cb2b911e 100644
--- a/src/components/BoardsDropdown.vue
+++ b/src/components/BoardsDropdown.vue
@@ -6,12 +6,35 @@
 
     <b-dropdown
       class="ml-2"
+      toggle-class="px-0"
+      variant="transparent"
     >
       <template v-slot:button-content>
         {{ board.name }}
         <i class="fas fa-caret-down fa-fw" aria-hidden />
       </template>
+
+      <div class="d-flex align-items-center justify-content-between">
+        <span class="ml-2 bg-danger">
+          {{ board.name }}
+        </span>
+
+        <div>
+          <b-button>
+            <i class="fas fa-pencil-alt" aria-hidden></i>
+          </b-button>
+          <b-button>
+            <i class="fas fa-share-alt fa-fw" aria-hidden />
+          </b-button>
+        </div>
+      </div>
+
       <!-- TODO: create array map with url already fetched -->
+      <!-- TODO: filter out current board -->
+      <b-dropdown-divider />
+
+      Other boards
+
       <b-dropdown-item
         v-for="{ id, name, backgroundColor, backgroundUrl } in boards"
         :key="id"
@@ -25,7 +48,7 @@
           text=" "
           :style="`
           ${getWallpaperUrl(backgroundUrl)}
-          ${backgroundColor ? `background-color: ${backgroundColor};` : '' }
+          ${backgroundColor ? `background-color: ${backgroundColor};` : '#ccc' }
           `"
         />