From e021808aa20ffad51fb0fdb65de078fcb0114fb9 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 31 Aug 2024 13:05:59 -0600
Subject: [PATCH] include some DID info on the contact list page

---
 src/db/tables/README.md    |  1 +
 src/views/ContactsView.vue | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/db/tables/README.md

diff --git a/src/db/tables/README.md b/src/db/tables/README.md
new file mode 100644
index 0000000..ae2f268
--- /dev/null
+++ b/src/db/tables/README.md
@@ -0,0 +1 @@
+Check the contact & settings export to see whether you want your new table to be included in it.
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 24ec0c7..dce0e84 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -160,6 +160,10 @@
             >
               <fa icon="circle-info" class="text-blue-500 ml-4" />
             </router-link>
+
+            <span class="ml-4 text-sm overflow-hidden"
+              >{{ shortDid(contact.did) }}...</span
+            ><!-- The first 18 characters of did:peer are the same. -->
           </div>
           <div id="ContactActions" class="flex gap-1.5 mt-2">
             <div
@@ -1145,5 +1149,20 @@ export default class ContactsView extends Vue {
         );
       });
   }
+
+  private shortDid(did: string) {
+    if (did.startsWith("did:peer:")) {
+      return (
+        did.substring(0, "did:peer:".length + 2) +
+        "..." +
+        did.substring("did:peer:".length + 18, "did:peer:".length + 25) +
+        "..."
+      );
+    } else if (did.startsWith("did:ethr:")) {
+      return did.substring(0, "did:ethr:".length + 9) + "...";
+    } else {
+      return did.substring(0, did.indexOf(":", 4) + 7) + "...";
+    }
+  }
 }
 </script>