I think I'm passing???!!!???

keepr.client/src/assets/scss/_variables.scss

@@ -6,7 +6,8 @@ $info: #5d0149;
 $warning: #fbcf33;
 $danger: #ea0606;
 $light: #e9ecef;
-$dark: #111927;
+// $dark: #111927;
+$dark: #44132d;
 $grey: #cbcbcb;
 
 $font-sans-serif: Open Sans;

keepr.client/src/components/KeepModalButtons.vue

@@ -3,12 +3,12 @@
 
     <div class="d-flex align-items-end">
 
-      <div class="btn-group me-5" role="group">
+      <div v-show="account.id" class="btn-group me-5" role="group">
         <button id="addToVaultGroup" class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown"
           aria-expanded="false">Add to Vault</button>
         <ul class="dropdown-menu" aria-labelledby="addToVaultGroup">
           <li v-for="v in myVaults" :key="v.id"><a @click="addToVault(v.id)" class="dropdown-item">{{v.name}}</a></li>
-        </ul>
+        </ul> 
       </div>
 
       <!-- account is empty... -->

keepr.client/src/components/VaultKeepModalButtons.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="d-flex justify-content-between align-items-end">
+    <div></div>
     <button v-if="account.id == vault.creatorId" @click="removeFromVault(keep.id)" class="btn btn-outline-secondary">Remove from Vault</button>
 
     <i v-show="account.id == keep.creatorId" @click="deleteKeep()" class="mdi mdi-delete-outline text-secondary" title="Delete"></i>

keepr.client/src/pages/HomePage.vue

@@ -36,7 +36,9 @@ export default {
             keeps: computed(() => AppState.keeps),
             activeKeep: computed(() => AppState.activeKeep),
             viewKeep(keep) {
-                AppState.activeKeep = keep;
+                // AppState.activeKeep = keep;
+                // make API call to trigger view counter
+                keepsService.getById(keep.id)
                 Modal.getOrCreateInstance(document.getElementById("keepModal")).show();
             }
         };

keepr.client/src/pages/ProfilePage.vue

@@ -82,7 +82,9 @@ export default {
 
             async viewKeep(keep) {
                 keep.creator = AppState.activeProfile;
-                AppState.activeKeep = keep;
+                // AppState.activeKeep = keep
+                // make API call to trigger view counter
+                keepsService.getById(keep.id)
                 Modal.getOrCreateInstance(document.getElementById("keepModal")).show();
             },
 

keepr.client/src/pages/VaultPage.vue

@@ -53,7 +53,9 @@ export default {
       account: computed(() => AppState.account),
 
       viewKeep(keep) {
-        AppState.activeKeep = keep
+        // AppState.activeKeep = keep
+        // make API call to trigger view counter
+        keepsService.getById(keep.id)
         Modal.getOrCreateInstance(document.getElementById('keepModal')).show()
       },
 

keepr.client/src/services/KeepsService.js

@@ -17,7 +17,7 @@ class KeepsService {
   async getById(id) {
     try {
       const res = await api.get('api/keeps/' + id)
-      AppState.keeps = res.data
+      AppState.activeKeep = res.data
     } catch (error) {
       logger.error(error)
       Pop.error(error)