add page for extended details of gifts including pic (not fully tested)

src/components/GiftedDialog.vue

@@ -36,23 +36,27 @@
           <fa icon="chevron-right" />
         </div>
       </div>
-      <div class="mt-2 flex justify-between">
+      <div class="mt-2 flex justify-center">
         <span>
           <router-link
-            :to="{ name: 'gifted-photo' }"
-            class="bg-blue-500 text-white px-1.5 py-1 rounded-md"
+            :to="{
+              name: 'gifted-details',
+              query: {
+                amountInput,
+                description,
+                giverDid: giver?.did,
+                giverName: giver?.name,
+                message,
+                offerId,
+                projectId,
+                unitCode,
+              },
+            }"
+            class="text-blue-500"
           >
-            <fa icon="camera" class="fa-fw" />
+            More Options
           </router-link>
         </span>
-        <span v-if="showGivenToUser">
-          <input type="checkbox" class="mr-2" v-model="givenToUser" />
-          <label class="text-sm">Given to you</label>
-        </span>
-        <span>
-          <input type="checkbox" class="mr-2" v-model="isTrade" />
-          <label class="text-sm">Trade (not a gift)</label>
-        </span>
       </div>
       <p class="text-center mb-2 mt-6 italic">
         Sign & Send to publish to the world
@@ -101,9 +105,9 @@ export default class GiftedDialog extends Vue {
   apiServer = "";
 
   amountInput = "0";
-  giver?: GiverInputInfo; // undefined means no identified giver agent
   description = "";
   givenToUser = false;
+  giver?: GiverInputInfo; // undefined means no identified giver agent
   isTrade = false;
   offerId = "";
   unitCode = "HUR";