add code to display profiles in feed, but deactivate it for now

src/components/EntityIcon.vue

@@ -17,9 +17,12 @@ export default class EntityIcon extends Vue {
   generateIcon() {
     const imageUrl = this.contact?.profileImageUrl || this.profileImageUrl;
     if (imageUrl) {
-      return `<img src="${imageUrl}" alt="avatar" width="${this.iconSize}" height="${this.iconSize}" />`;
+      return `<img src="${imageUrl}" class="rounded" width="${this.iconSize}" height="${this.iconSize}" />`;
     } else {
       const identifier = this.contact?.did || this.entityId;
+      if (!identifier) {
+        return `<img src="../src/assets/blank-square.svg" class="rounded" width="${this.iconSize}" height="${this.iconSize}" />`;
+      }
       const options: StyleOptions<object> = {
         seed: (identifier as string) || "",
         size: this.iconSize,

src/libs/endorserServer.ts

@@ -394,7 +394,8 @@ export function contactForDid(
  * @param activeDid
  * @param contact
  * @param allMyDids
- * @return { known: boolean, displayName: string } where known is true if the display name is some easily-recogizable name, false if it's a generic name like "Someone Anonymous"
+ * @return { known: boolean, displayName: string, profileImageUrl?: string }
+ *  where 'known' is true if the display name is some easily-recogizable name, false if it's a generic name like "Someone Unnamed"
  */
 export function didInfoForContact(
   did: string | undefined,
@@ -402,15 +403,16 @@ export function didInfoForContact(
   contact?: Contact,
   allMyDids: string[] = [],
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-): { known: boolean; displayName: string } {
-  if (!did) return { displayName: "Someone Anonymous", known: false };
-  if (contact) {
+): { known: boolean; displayName: string; profileImageUrl?: string } {
+  if (!did) return { displayName: "Someone Unnamed/Unknown", known: false };
+  if (did === activeDid) {
+    return { displayName: "You", known: true };
+  } else if (contact) {
     return {
       displayName: contact.name || "Contact With No Name",
       known: !!contact.name,
+      profileImageUrl: contact.profileImageUrl,
     };
-  } else if (did === activeDid) {
-    return { displayName: "You", known: true };
   } else {
     const myId = R.find(R.equals(did), allMyDids);
     return myId

src/main.ts

@@ -34,6 +34,7 @@ import {
   faComment,
   faCopy,
   faDollar,
+  faEllipsis,
   faEllipsisVertical,
   faEye,
   faEyeSlash,
@@ -97,6 +98,7 @@ library.add(
   faComment,
   faCopy,
   faDollar,
+  faEllipsis,
   faEllipsisVertical,
   faEye,
   faEyeSlash,

src/views/AccountViewView.vue

@@ -104,7 +104,7 @@
       </div>
       <div class="mt-4">
         <div class="flex justify-center">
-          ... and those without your image see this:
+          ... and those without your image see this (if you let them see your activity):
         </div>
         <div class="flex justify-center">
           <EntityIcon

src/views/ContactGiftingView.vue

@@ -26,7 +26,7 @@
               width="32"
               class="inline-block align-middle border border-slate-300 rounded-md mr-1"
             />
-            Anonymous/Unnamed
+            Unnamed/Unknown
           </span>
           <span class="text-right">
             <button

src/views/HomeView.vue

@@ -129,7 +129,7 @@
             <h3
               class="text-xs italic font-medium text-ellipsis whitespace-nowrap overflow-hidden"
             >
-              Anonymous/Unnamed
+              Unnamed/Unknown
             </h3>
           </li>
           <li
@@ -223,6 +223,39 @@
                 </span>
               </span>
               <span class="col-span-10 justify-self-stretch">
+                <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
+                <span
+                  v-if="
+                    record.giver.profileImageUrl ||
+                    record.receiver.profileImageUrl
+                  "
+                >
+                  <EntityIcon
+                    v-if="record.agentDid !== activeDid"
+                    :icon-size="32"
+                    :profile-image-url="record.giver.profileImageUrl"
+                    class="inline-block align-middle border border-slate-300 rounded-md mr-1"
+                  />
+                  <fa
+                    v-if="
+                      record.agentDid !== activeDid &&
+                      record.recipientDid !== activeDid &&
+                      !record.fulfillsPlanHandleId
+                    "
+                    icon="ellipsis"
+                    class="text-slate"
+                  />
+                  <EntityIcon
+                    v-if="
+                      record.recipientDid !== activeDid &&
+                      !record.fulfillsPlanHandleId
+                    "
+                    :iconSize="32"
+                    :profile-image-url="record.receiver.profileImageUrl"
+                    class="inline-block align-middle border border-slate-300 rounded-md ml-1"
+                  />
+                </span>
+                -->
                 <span class="pl-2">
                   {{ giveDescription(record) }}
                 </span>
@@ -304,12 +337,14 @@ interface GiveRecordWithContactInfo extends GiveSummaryRecord {
   giver: {
     displayName: string;
     known: boolean;
+    profileImageUrl?: string;
   };
   image?: string;
   recipientProjectName?: string;
   receiver: {
     displayName: string;
     known: boolean;
+    profileImageUrl?: string;
   };
 }
 

src/views/ProjectViewView.vue

@@ -153,7 +153,7 @@
           <h3
             class="text-xs italic font-medium text-ellipsis whitespace-nowrap overflow-hidden"
           >
-            Anonymous/Unnamed
+            Unnamed/Unknown
           </h3>
         </li>
         <li