Send back to Jose for some list magic

src/views/IdentitySwitcherView.vue

@@ -15,9 +15,11 @@
     >
       <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
       <span>
-        <h2 class="text-xl font-semibold mb-0">Firstname Lastname</h2>
+        <h2 class="text-xl font-semibold mb-0">
+          {{ firstName }} {{ lastName }}
+        </h2>
         <div class="text-sm text-slate-500">
-          <b>ID:</b> <code>did:peer:kl45kj41lk451kl3</code>
+          <b>ID:</b> <code>{{ activeDid }}</code>
         </div>
       </span>
     </a>
@@ -58,7 +60,6 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-
 import { AppString } from "@/constants/app";
 import { db, accountsDB } from "@/db";
 import { AccountsSchema } from "@/db/tables/accounts";
@@ -70,6 +71,9 @@ import QuickNav from "@/components/QuickNav";
 export default class IdentitySwitcherView extends Vue {
   Constants = AppString;
   private accounts: AccountsSchema;
+  public activeDid;
+  public firstName;
+  public lastName;
 
   async created() {
     try {
@@ -78,8 +82,8 @@ export default class IdentitySwitcherView extends Vue {
       this.activeDid = settings?.activeDid || "";
       this.apiServer = settings?.apiServer || "";
       this.apiServerInput = settings?.apiServer || "";
-      this.firstName = settings?.firstName || "";
+      this.firstName = settings?.firstName || "No";
-      this.lastName = settings?.lastName || "";
+      this.lastName = settings?.lastName || "Name";
       this.showContactGives = !!settings?.showContactGivesInline;
 
       const identity = await this.getIdentity(this.activeDid);