fix to use the real project name, and add creator

src/views/DiscoverView.vue

@@ -90,10 +90,10 @@
             </div>
 
             <div class="grow">
-              <h2 class="text-base font-semibold">Canyon cleanup</h2>
+              <h2 class="text-base font-semibold">{{ project.name }}</h2>
               <div class="text-sm">
                 <fa icon="user" class="fa-fw text-slate-400"></fa>
-                {{ project.name }}
+                {{ didInfo(project.issuer, activeDid, allMyDids, allContacts) }}
               </div>
             </div>
           </a>
@@ -111,8 +111,10 @@
 import { Component, Vue } from "vue-facing-decorator";
 
 import { accountsDB, db } from "@/db";
+import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
+import { didInfo } from "@/libs/endorserServer";
 import AlertMessage from "@/components/AlertMessage";
 import QuickNav from "@/components/QuickNav";
 import InfiniteScroll from "@/components/InfiniteScroll";
@@ -122,6 +124,8 @@ import InfiniteScroll from "@/components/InfiniteScroll";
 })
 export default class DiscoverView extends Vue {
   activeDid = "";
+  allContacts: Array<Contact> = [];
+  allMyDids: Array<string> = [];
   apiServer = "";
   searchTerms = "";
   alertMessage = "";
@@ -133,11 +137,20 @@ export default class DiscoverView extends Vue {
   remoteCount = 0;
   isLoading = false;
 
+  // make this function available to the Vue template
+  didInfo = didInfo;
+
   async mounted() {
     await db.open();
     const settings = await db.settings.get(MASTER_SETTINGS_KEY);
     this.activeDid = settings?.activeDid || "";
     this.apiServer = settings?.apiServer || "";
+    this.allContacts = await db.contacts.toArray();
+
+    await accountsDB.open();
+    const allAccounts = await accountsDB.accounts.toArray();
+    this.allMyDids = allAccounts.map((acc) => acc.did);
+
     this.searchLocal();
   }
 
@@ -166,7 +179,6 @@ export default class DiscoverView extends Vue {
   public async search(beforeId?: string) {
     let queryParams = "claimContents=" + encodeURIComponent(this.searchTerms);
 
-    console.log(beforeId);
     if (beforeId) {
       queryParams = queryParams + `&beforeId=${beforeId}`;
     }
@@ -195,7 +207,6 @@ export default class DiscoverView extends Vue {
       if (plans) {
         for (const plan of plans) {
           const { name, description, handleId = plan.handleId, rowid } = plan;
-          console.log("here");
           this.projects.push({ name, description, handleId, rowid });
         }
         this.remoteCount = this.projects.length;
@@ -278,8 +289,6 @@ export default class DiscoverView extends Vue {
   async loadMoreData(payload: boolean) {
     if (this.projects.length > 0 && payload) {
       const latestProject = this.projects[this.projects.length - 1];
-      console.log("rowid", latestProject, payload);
-      console.log(Object.keys(latestProject));
       if (this.isLocalActive) {
         this.searchLocal(latestProject["rowid"]);
       } else if (this.isRemoteActive) {