fix: 🐛 minor bug fixes for contacts

Author: jojobyte

src/components/contacts-list.js

@@ -110,7 +110,7 @@ const initialState = {
     let name = c.info?.name
 
     if (
-      !name &&
+      !name?.trim() &&
       !user &&
       !out?.xkeyId &&
       out?.address

src/helpers/utils.js

@@ -489,7 +489,8 @@ export async function restate(
 }
 
 export function filterPairedContacts(contact) {
-  return !!contact.alias || !!contact.info?.name?.trim()
+  let outLen = Object.keys(contact.outgoing || {}).length
+  return outLen > 0 // && !!contact.alias
 }
 
 export function filterUnpairedContacts(contact) {

src/rigs/edit-contact.js

@@ -147,13 +147,21 @@ export let editContactRig = (async function (globals) {
           </button>
         </footer>
       `,
+      getAlias: state => {
+        let alias = state.contact?.alias || state.contact?.info?.preferred_username
+        if (!alias) {
+          return ''
+        }
+
+        return html`@${alias}`
+      },
       content: async state => html`
         <fieldset class="contact">
           <section>
             ${state.header(state)}
             <article>
               ${await getAvatar(state.contact)}
-              <h3>@${state.contact?.alias || state.contact?.info?.preferred_username}</h3>
+              <h3>${state.getAlias(state)}</h3>
             </article>
             <article>
               <label for="contactName">
@@ -185,7 +193,7 @@ export let editContactRig = (async function (globals) {
                   pattern="${ALIAS_REGEX.source}"
                   spellcheck="false"
                   autocomplete="off"
-                  value="${state.contact?.alias}"
+                  value="${state.contact?.alias || ''}"
                 />
               </div>
               <p>Alias for the contact (similar to a @username)</p>