Guide users to create collection

EphyraSoftware · Feb 25, 2024 · eb25c0a · eb25c0a
1 parent fe2eca5
commit eb25c0a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/ui/src/trusted/trusted/KeyCollections.vue b/ui/src/trusted/trusted/KeyCollections.vue
@@ -18,11 +18,7 @@ const { loading, keyCollections } = storeToRefs(useKeyCollectionsStore());
       <div>
         <!-- Single root for loading transition -->
         <div v-if="keyCollections.length === 0" class="ms-5 italic">
-          <p>You don't have any key collections yet.</p>
-          <!-- TODO I want to link to the search screen here but I need the router for that -->
-          <p>
-            When you add a key you will be able to create a collection for it!
-          </p>
+          <p>You don't have any key collections yet. <router-link to="/search" class="link link-neutral">Search for one to add</router-link>?</p>
         </div>
         <template v-else>
           <div v-for="c in keyCollections" v-bind:key="c.name" class="mt-3">

diff --git a/ui/src/trusted/trusted/MyKeys.vue b/ui/src/trusted/trusted/MyKeys.vue
@@ -29,8 +29,8 @@ watch(
 
       <div class="flex flex-grow justify-end">
         <button
-          class="btn btn-circle btn-primary"
-          title="Distribute a GPG key"
+          class="btn btn-circle btn-sm btn-primary"
+          :title="showDistribute ? 'Cancel' : 'Distribute your GPG public key'"
           @click="showDistribute = !showDistribute"
         >
           <font-awesome-icon