fix: 🐛 missing aliases data & contactsList component

dashhive · Nov 1, 2024 · 4f7e2b9 · 4f7e2b9
1 parent 76a8c2f
commit 4f7e2b9
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 25 deletions.
diff --git a/src/components/crowdnode-card.js b/src/components/crowdnode-card.js
@@ -237,7 +237,7 @@ export const CrowdNodeCard = (() => {
       this.elements.form.name = this.slugs.form
       this.elements.form.innerHTML = this.markup.content()
 
-      console.log('CN Card render', this.stage, this.elements.form.innerHTML)
+      console.log('CN Card render', this.stage)
 
       this.elements.form.addEventListener(
         'submit',

diff --git a/src/main.js b/src/main.js
@@ -62,6 +62,7 @@ import {
 
 import {
   appDialogs,
+  appComponents,
   appState,
   appTools,
   userInfo,
@@ -241,6 +242,7 @@ let contactsList = await setupContactsList(
     },
   }
 )
+appComponents.contactsList = contactsList
 
 let transactionsList = await setupTransactionsList(mainAppGrid, {
   events: {

diff --git a/src/models/contacts.js b/src/models/contacts.js
@@ -17,32 +17,14 @@ import {
 
 import {
   getUniqueAlias,
+  getContactAliases,
   deriveWalletData,
   batchGenAcctAddrs,
   parseAddressField,
 } from '../utils/dash/local.js'
 
 // Create & Update Contact
 
-export function getContactAliases(
-  direction // 'outgoing' | 'incoming'
-) {
-  if (!direction) {
-    return appState.contacts
-      .filter(
-        c => c.alias
-      )
-      .map(contact => contact.alias)
-  }
-
-  return appState.contacts
-    .filter(
-      c => c.alias &&
-      !isEmpty(c[direction])
-    )
-    .map(contact => contact.alias)
-}
-
 export async function parseContactURI(uri) {
   let data = {
     uri,

diff --git a/src/state/index.js b/src/state/index.js
@@ -64,6 +64,12 @@ export const appDialogs = envoy(
   },
 )
 
+export const appComponents = envoy(
+  {
+    contactsList: {},
+  },
+)
+
 export const appState = envoy(
   {
     phrase: null,
@@ -97,11 +103,11 @@ export const userInfo = envoy(
       state[prop] !== oldState[prop] &&
       appState.selectedAlias
     ) {
-      let decryptedAlias = await appTools.storedData.decryptItem(
+      let decryptedAlias = await appTools.storedData?.decryptItem?.(
         store.aliases,
         appState.selectedAlias,
       )
-      appTools.storedData.encryptItem(
+      appTools.storedData?.encryptItem?.(
         store.aliases,
         appState.selectedAlias,
         {

diff --git a/src/utils/dash/local.js b/src/utils/dash/local.js
@@ -27,12 +27,12 @@ import {
 } from '../cryptic.js'
 
 import {
-  appState,
   appTools,
   appDialogs,
 } from '../../store/index.js'
 
 import {
+  appState,
   getStoredWallet,
   userInfo,
 } from '../../state/index.js'
@@ -1509,3 +1509,22 @@ export async function getUserInfo() {
     })
   }
 }
+
+export function getContactAliases(
+  direction // 'outgoing' | 'incoming'
+) {
+  if (!direction) {
+    return appState.contacts
+      .filter(
+        c => c.alias
+      )
+      .map(contact => contact.alias)
+  }
+
+  return appState.contacts
+    .filter(
+      c => c.alias &&
+      !isEmpty(c[direction])
+    )
+    .map(contact => contact.alias)
+}
diff --git a/src/utils/dash/network.js b/src/utils/dash/network.js
@@ -12,6 +12,7 @@ import {
 import {
   walletFunds,
   userInfo,
+  appComponents,
 } from '../../state/index.js'
 
 import {
@@ -39,6 +40,7 @@ import {
   parseAddressField,
   getUniqueAlias,
   sortAddrs,
+  getContactAliases,
 } from './local.js'
 
 let defaultSocketEvents = {
@@ -763,7 +765,7 @@ export async function processURI(state, target, value) {
   }
 
   let preferredAlias = await getUniqueAlias(
-    aliases,
+    getContactAliases(),
     preferred_username
   )
 
@@ -904,7 +906,7 @@ export async function processURI(state, target, value) {
         if (res) {
           appState.contacts = res
 
-          return contactsList.restate({
+          return appComponents.contactsList?.restate?.({
             contacts: res,
             userInfo,
           })