change the "give" action on contact page to use dialog box

src/views/HomeView.vue

@@ -154,13 +154,13 @@
           <router-link
             v-if="allContacts.length >= 7"
             :to="{ name: 'contact-gives' }"
-            class="block text-center text-md font-bold uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
+            class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
           >
             Choose From All Contacts
           </router-link>
           <button
             @click="openGiftedPrompts()"
-            class="block text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
+            class="block text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
           >
             Ideas...
           </button>
@@ -168,11 +168,7 @@
       </div>
     </div>
 
-    <GiftedDialog
-      ref="customDialog"
-      message="Received from"
-      showGivenToUser="true"
-    />
+    <GiftedDialog ref="customDialog" message="Received from" />
     <GiftedPrompts ref="giftedPrompts" />
     <FeedFilters ref="feedFilters" />
 
@@ -181,7 +177,7 @@
       <div class="flex items-center mb-4">
         <h2 class="text-xl font-bold">Latest Activity</h2>
         <button @click="openFeedFilters()" class="block text-center ml-auto">
-          <span class="text-sm uppercase text-white">
+          <span class="text-sm text-white">
             <span
               v-if="resultsAreFiltered()"
               class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md"
@@ -328,7 +324,7 @@ import {
   containsNonHiddenDid,
   didInfoForContact,
   getPlanFromCache,
-  GiverInputInfo,
+  GiverReceiverInputInfo,
   GiveSummaryRecord,
 } from "@/libs/endorserServer";
 import { generateSaveAndActivateIdentity } from "@/libs/util";
@@ -722,8 +718,11 @@ export default class HomeView extends Vue {
     return unitCode === "HUR" ? (single ? "hour" : "hours") : unitCode;
   }
 
-  openDialog(giver?: GiverInputInfo) {
-    (this.$refs.customDialog as GiftedDialog).open(giver);
+  openDialog(giver?: GiverReceiverInputInfo) {
+    (this.$refs.customDialog as GiftedDialog).open(giver, {
+      did: this.activeDid,
+      name: "you",
+    });
   }
 
   openGiftedPrompts() {