add image onto give claim, then display on feel (full round-trip, baby!)

src/views/GiftedDetails.vue

@@ -302,6 +302,7 @@ export default class GiftedDetails extends Vue {
         this.projectId,
         this.offerId,
         this.isTrade,
+        this.imageUrl,
       );
 
       if (

src/views/GiftedPhoto.vue

@@ -25,8 +25,7 @@
       <fa icon="spinner" class="fa-spin fa-3x text-center block" />
     </div>
     <div v-else-if="blob">
-      <img :src="URL.createObjectURL(blob)" class="w-full" />
-      <div class="flex justify-around mt-2">
+      <div class="flex justify-around">
         <button
           @click="uploadImage"
           class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2 rounded-full"
@@ -40,6 +39,7 @@
           <span>Retry</span>
         </button>
       </div>
+      <img :src="URL.createObjectURL(blob)" class="mt-2 w-full" />
     </div>
     <div v-else>
       <!--

src/views/HomeView.vue

@@ -225,6 +225,11 @@
                 </router-link>
               </span>
             </div>
+            <div v-if="record.image" class="flex justify-center">
+              <a :href="record.image" target="_blank">
+                <img :src="record.image" class="h-24 mt-2 rounded-xl" />
+              </a>
+            </div>
           </li>
         </ul>
       </InfiniteScroll>
@@ -267,6 +272,7 @@ interface GiveRecordWithContactInfo extends GiveServerRecord {
     displayName: string;
     known: boolean;
   };
+  image: string;
   receiver: {
     displayName: string;
     known: boolean;
@@ -427,6 +433,7 @@ export default class HomeView extends Vue {
                   contactForDid(giverDid, this.allContacts),
                   this.allMyDids,
                 ),
+                image: claim.image,
                 receiver: didInfoForContact(
                   recipientDid,
                   this.activeDid,