fix contact sorting to show those without names

src/views/ContactGiftingView.vue

@@ -99,12 +99,10 @@ export default class ContactGiftingView extends Vue {
   allContacts: Array<Contact> = [];
   apiServer = "";
   accounts: typeof AccountsSchema;
-  numAccounts = 0;
   projectId = localStorage.getItem("projectId") || "";
 
   async beforeCreate() {
     accountsDB.open();
-    this.numAccounts = await accountsDB.accounts.count();
   }
 
   async created() {
@@ -113,7 +111,13 @@ export default class ContactGiftingView extends Vue {
       const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
       this.apiServer = settings?.apiServer || "";
       this.activeDid = settings?.activeDid || "";
-      this.allContacts = await db.contacts.orderBy("name").toArray();
+
+      // .orderBy("name") wouldn't retrieve any entries with a blank name
+      // .toCollection.sortBy("name") didn't sort in an order I understood
+      const baseContacts = await db.contacts.toArray();
+      this.allContacts = baseContacts.sort((a, b) =>
+        (a.name || "").localeCompare(b.name || ""),
+      );
 
       localStorage.removeItem("projectId");
 

src/views/ContactsView.vue

@@ -364,7 +364,13 @@ export default class ContactsView extends Vue {
     if (this.showGiveNumbers) {
       this.loadGives();
     }
-    this.contacts = await db.contacts.orderBy("name").toArray();
+
+    // .orderBy("name") wouldn't retrieve any entries with a blank name
+    // .toCollection.sortBy("name") didn't sort in an order I understood
+    const baseContacts = await db.contacts.toArray();
+    this.contacts = baseContacts.sort((a, b) =>
+      (a.name || "").localeCompare(b.name || ""),
+    );
 
     if (this.contactEndorserUrl) {
       await this.addContactFromScan(this.contactEndorserUrl);
@@ -560,7 +566,13 @@ export default class ContactsView extends Vue {
           -1,
         );
       }
-      this.contacts = await db.contacts.orderBy("name").toArray();
+
+      // .orderBy("name") wouldn't retrieve any entries with a blank name
+      // .toCollection.sortBy("name") didn't sort in an order I understood
+      const baseContacts = await db.contacts.toArray();
+      this.contacts = baseContacts.sort((a, b) =>
+        (a.name || "").localeCompare(b.name || ""),
+      );
       return;
     }
 

src/views/NewEditAccountView.vue

@@ -33,7 +33,7 @@
         <!-- SHOW ME instead while processing saving changes -->
         <button
           type="button"
-          class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
+          class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
           @click="onClickCancel()"
         >
           Cancel