Merge pull request #221 from nautls/polish-empty-wallet-ux

Polish empty wallet UX
nautls · Nov 27, 2024 · 446f18c · 446f18c
2 parents 4019e8d + ed8cbe7
commit 446f18c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/stores/walletStore.ts b/src/stores/walletStore.ts
@@ -201,7 +201,7 @@ export const useWalletStore = defineStore("wallet", () => {
     }
 
     if (patched) {
-      summary = summary.filter((x) => x.confirmedAmount.gt(0));
+      summary = summary.filter((x) => x.tokenId === ERG_TOKEN_ID || x.confirmedAmount.gt(0));
     }
 
     return summary.sort((a, b) =>

diff --git a/src/views/TransactionHistory.vue b/src/views/TransactionHistory.vue
@@ -75,7 +75,10 @@ const { isLoading, reset: resetScrolling } = useInfiniteScroll(
 );
 
 async function fetchConfirmedTransactions() {
-  if (!confirmedGenerator.value) return;
+  if (!confirmedGenerator.value) {
+    allLoaded.value = true;
+    return;
+  }
 
   const response = await confirmedGenerator.value.next();
   if (response.done) {
@@ -200,6 +203,13 @@ function positive(n: BigNumber): BigNumber {
         </div>
       </div>
     </div>
+    <div
+      v-else-if="!txHistory?.length"
+      class="flex flex-col gap-4 pt-20 px-4 text-center items-center text-gray-500"
+    >
+      <vue-feather type="clock" size="64" class="text-gray-400" />
+      You have no transaction history.
+    </div>
   </div>
 </template>