Cleaning up this page to switch to GiftedDialog

src/views/ContactsView.vue

@@ -140,12 +140,6 @@
                 >
                   {{ givenByMeDescriptions[contact.did] }}
                 </span>
-                <button
-                  class="text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
-                  @click="onClickAddGive(activeDid, contact.did)"
-                >
-                  +
-                </button>
               </div>
               <div class="tooltip px-2">
                 from:
@@ -165,12 +159,6 @@
                 >
                   {{ givenToMeDescriptions[contact.did] }}
                 </span>
-                <button
-                  class="text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
-                  @click="onClickAddGive(contact.did, activeDid)"
-                >
-                  +
-                </button>
               </div>
               <router-link
                 :to="{
@@ -212,12 +200,13 @@ import {
 import { Component, Vue } from "vue-facing-decorator";
 import AlertMessage from "@/components/AlertMessage";
 import QuickNav from "@/components/QuickNav";
+import GiftedDialog from "@/components/GiftedDialog.vue";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
 
 @Component({
-  components: { AlertMessage, QuickNav },
+  components: { AlertMessage, QuickNav, GiftedDialog },
 })
 export default class ContactsView extends Vue {
   activeDid = "";