Merge pull request #226 from nautls/arobsn/i225

Rank assets by known and sort alphabetically

package.json

@@ -35,7 +35,7 @@
     "@oruga-ui/oruga-next": "0.6.0",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^11.3.0",
+    "@vueuse/core": "^12.0.0",
     "bignumber.js": "^9.1.2",
     "cleave.js": "^1.6.0",
     "crypto-js": "^4.2.0",
@@ -46,7 +46,7 @@
     "ledger-ergo-js": "^0.1.19",
     "lodash-es": "^4.17.21",
     "mdi-vue": "^3.0.13",
-    "pinia": "^2.2.6",
+    "pinia": "^2.2.8",
     "uqr": "^0.1.2",
     "vue": "^3.5.13",
     "vue-feather": "^2.0.0",

src/stores/walletStore.ts

@@ -27,6 +27,7 @@ import { hdKeyPool } from "@/common/objectPool";
 import HdKey, { IndexedAddress } from "@/chains/ergo/hdKey";
 import { graphQLService } from "@/chains/ergo/services/graphQlService";
 import { patchArray } from "@/common/reactivity";
+import { assetIconMap } from "@/mappers/assetIconMap";
 
 export type StateAssetSummary = {
   tokenId: string;
@@ -35,6 +36,8 @@ export type StateAssetSummary = {
   metadata?: BasicAssetMetadata;
 };
 
+const KNOWN_ASSETS = new Set(Object.keys(assetIconMap));
+
 const usePrivateStateStore = defineStore("_wallet", () => {
   const addresses = shallowRef<IDbAddress[]>([]);
   const assets = shallowRef<IDbAsset[]>([]);
@@ -204,9 +207,24 @@ export const useWalletStore = defineStore("wallet", () => {
       summary = summary.filter((x) => x.tokenId === ERG_TOKEN_ID || x.confirmedAmount.gt(0));
     }
 
-    return summary.sort((a, b) =>
-      a.tokenId === ERG_TOKEN_ID ? Number.MIN_SAFE_INTEGER : a.tokenId.localeCompare(b.tokenId)
+    if (summary.length <= 1) return summary;
+
+    // sort alphabetically
+    summary = summary.sort((a, b) =>
+      a.metadata?.name && b.metadata?.name
+        ? a.metadata.name.localeCompare(b.metadata.name)
+        : a.tokenId.localeCompare(b.tokenId)
+    );
+
+    // rank by known assets
+    summary = summary.sort((a, b) =>
+      KNOWN_ASSETS.has(a.tokenId) && !KNOWN_ASSETS.has(b.tokenId) ? -1 : 1
     );
+
+    // put ERG first
+    summary = summary.sort((a) => (a.tokenId === ERG_TOKEN_ID ? -1 : 1));
+
+    return summary;
   });
 
   const health = computed(() => ({