add a prompt for things for which to express gratitude

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>