add a prompt for things for which to express gratitude

src/views/ContactsView.vue

@@ -98,7 +98,7 @@
               class="inline-block align-text-bottom border border-slate-300 rounded"
               @click="showLargeIdenticon = contact.did"
             ></EntityIcon>
-            {{ contact.name || "(no name)" }}
+            {{ contact.name || AppString.NO_CONTACT_NAME }}
             <button
               class="text-sm uppercase bg-slate-500 text-white px-1 rounded-md"
               @click="
@@ -289,7 +289,7 @@ import * as R from "ramda";
 import { IIdentifier } from "@veramo/core";
 import { Component, Vue } from "vue-facing-decorator";
 
-import { NotificationIface } from "@/constants/app";
+import { AppString, NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
@@ -349,6 +349,7 @@ export default class ContactsView extends Vue {
   showGiveConfirmed = true;
   showLargeIdenticon = "";
 
+  AppString = AppString;
   libsUtil = libsUtil;
 
   async created() {

src/views/HomeView.vue

@@ -104,7 +104,15 @@
 
       <div v-else>
         <!-- activeDid && isRegistered -->
-        <h2 class="text-xl font-bold mb-4">Record Something Given</h2>
+        <div class="flex justify-between mb-4">
+          <h2 class="text-xl font-bold">Record Something Given</h2>
+          <button
+            @click="openGiftedPrompts()"
+            class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+          >
+            If you want an idea...
+          </button>
+        </div>
 
         <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
           <li @click="openDialog()">
@@ -160,6 +168,7 @@
       message="Received from"
       showGivenToUser="true"
     />
+    <GiftedPrompts ref="giftedPrompts" />
 
     <!-- Results List -->
     <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
@@ -226,6 +235,7 @@ import { Component, Vue } from "vue-facing-decorator";
 
 import EntityIcon from "@/components/EntityIcon.vue";
 import GiftedDialog from "@/components/GiftedDialog.vue";
+import GiftedPrompts from "@/components/GiftedPrompts.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
@@ -252,6 +262,7 @@ interface Notification {
 @Component({
   components: {
     GiftedDialog,
+    GiftedPrompts,
     QuickNav,
     EntityIcon,
     InfiniteScroll,
@@ -500,5 +511,9 @@ export default class HomeView extends Vue {
   openDialog(giver: GiverInputInfo) {
     (this.$refs.customDialog as GiftedDialog).open(giver);
   }
+
+  openGiftedPrompts() {
+    (this.$refs.giftedPrompts as GiftedPrompts).open();
+  }
 }
 </script>