fixed assets and optimized some ux

Author: J0ET0M

Components/Layout/MobileLayout.razor

@@ -59,7 +59,7 @@
     </header>
 
     <!-- Page Content -->
-    <main class="qb-content" @onclick="CloseWalletMenu">
+    <main class="qb-content" id="qb-content" @onclick="CloseWalletMenu">
         @Body
     </main>
 

Components/Layout/TabBar.razor

@@ -16,11 +16,11 @@
 
     static readonly Tab[] _tabs =
     [
-        new("/",       "bi-house-fill",   "Home"),
-        new("/send",   "bi-send-fill",    "Send"),
-        new("/assets", "bi-coin",         "Assets"),
-        new("/defi",   "bi-graph-up",     "DeFi"),
-        new("/more",   "bi-three-dots",   "More"),
+        new("/",        "bi-house-fill",      "Home"),
+        new("/send",    "bi-send-fill",       "Send"),
+        new("/defi",    "bi-graph-up",        "DeFi"),
+        new("/history", "bi-clock-history",   "History"),
+        new("/more",    "bi-three-dots",      "More"),
     ];
 
     protected override void OnInitialized()

Components/Pages/Assets.razor

@@ -3,7 +3,6 @@
 @page "/sc-auctions"
 @page "/qearn"
 @page "/qswap"
-@page "/msvault"
 @page "/qx"
 
 <div class="text-center py-5">

Components/Pages/ComingSoon.razor

@@ -64,7 +64,7 @@ else if (_tab == "tx")
                                 </span>
                             </div>
                             <div class="small text-muted">@(string.IsNullOrEmpty(tx.Description) ? "" : tx.Description)</div>
-                            <div class="mono text-muted" style="font-size:0.65rem">T@(tx.TargetTick)</div>
+                            <div class="text-muted" style="font-size:0.65rem">@tx.CreatedUtc.ToString("yyyy-MM-dd HH:mm")</div>
                         </div>
                         <div class="text-end">
                             <div class="fw-bold small">-@tx.Amount.ToString("N0") QU</div>
@@ -79,6 +79,7 @@ else if (_tab == "tx")
                             <div class="mono text-muted mb-2" style="font-size:0.6rem;word-break:break-all">@tx.Hash</div>
                             <div class="mb-1"><strong>To:</strong></div>
                             <div class="mono text-muted mb-2" style="font-size:0.6rem;word-break:break-all">@tx.Destination</div>
+                            <div class="mb-1"><strong>Target Tick:</strong> @tx.TargetTick.ToString("N0")</div>
                             @if (tx.MoneyFlew.HasValue)
                             {
                                 <div class="mb-1"><strong>Money Flew:</strong> @(tx.MoneyFlew.Value ? "Yes" : "No")</div>
@@ -143,7 +144,7 @@ else if (_tab == "tx")
                             {
                                 <div class="small text-muted">@tracked.Description</div>
                             }
-                            <div class="mono text-muted" style="font-size:0.65rem">T@(tx.Tick)</div>
+                            <div class="text-muted" style="font-size:0.65rem">@FormatTxTime(tx)</div>
                         </div>
                         <div class="text-end">
                             <div class="fw-bold small">@(isSent ? "-" : "+")@tx.GetAmountAsLong().ToString("N0") QU</div>
@@ -576,6 +577,13 @@ else
 
     static string Trunc(string s) => s.Length > 12 ? s[..12] + "..." : s;
 
+    static string FormatTxTime(StoredTransaction tx)
+    {
+        if (tx.TimestampMs.HasValue)
+            return DateTimeOffset.FromUnixTimeMilliseconds(tx.TimestampMs.Value).UtcDateTime.ToString("yyyy-MM-dd HH:mm");
+        return $"T{tx.Tick}";
+    }
+
     static string FormatJson(string json)
     {
         try

Components/Pages/History.razor

@@ -6,6 +6,9 @@
 @inject WalletStorageService WalletStorage
 @inject TransactionTrackerService TxTracker
 @inject NavigationManager Nav
+@inject QubicSettingsService Settings
+@inject AssetCacheService AssetCache
+@inject IJSRuntime JS
 @using Maui.Biometric
 @implements IDisposable
 
@@ -206,6 +209,8 @@ else if (!Seed.HasSeed)
 else
 {
     <!-- Dashboard — vault unlocked, seed active -->
+    <div class="pull-indicator"><i class="bi bi-arrow-clockwise pull-icon"></i></div>
+
     <div class="qb-balance">
         <div class="qb-balance-label">
             @if (Seed.ActiveLabel != null)
@@ -227,12 +232,6 @@ else
             <i class="bi bi-wifi me-1"></i> Connect
         </button>
     }
-    else
-    {
-        <button class="btn btn-outline-secondary btn-sm w-100 mb-3" @onclick="RefreshNow">
-            <i class="bi bi-arrow-clockwise me-1"></i> Refresh
-        </button>
-    }
 
     <!-- Quick Actions -->
     <div class="qb-actions">
@@ -253,6 +252,39 @@ else
             History
         </a>
     </div>
+
+    <!-- Assets -->
+    @if (AssetCache.Assets != null && AssetCache.Assets.Count > 0)
+    {
+        <div class="d-flex align-items-center justify-content-between mb-2">
+            <div class="fw-bold small text-muted text-uppercase" style="letter-spacing:0.05em">Assets</div>
+            <a href="/assets" class="small" style="text-decoration:none">Manage <i class="bi bi-chevron-right" style="font-size:0.6rem"></i></a>
+        </div>
+        @foreach (var asset in AssetCache.Assets)
+        {
+            <div class="card">
+                <div class="card-body py-2">
+                    <div class="d-flex justify-content-between align-items-center">
+                        <div>
+                            <div class="fw-bold">@asset.Name</div>
+                            <div class="mono text-muted" style="font-size:0.65rem">@asset.Issuer[..Math.Min(16, asset.Issuer.Length)]...</div>
+                        </div>
+                        <div class="fw-bold">@asset.Amount.ToString("N0")</div>
+                    </div>
+                </div>
+            </div>
+        }
+    }
+    else if (AssetCache.Assets != null && AssetCache.Assets.Count == 0)
+    {
+        <div class="d-flex align-items-center justify-content-between mb-2">
+            <div class="fw-bold small text-muted text-uppercase" style="letter-spacing:0.05em">Assets</div>
+            <a href="/assets" class="small" style="text-decoration:none">Manage <i class="bi bi-chevron-right" style="font-size:0.6rem"></i></a>
+        </div>
+        <div class="text-center text-muted py-3 small">
+            <i class="bi bi-coin"></i> No assets found
+        </div>
+    }
 }
 
 @code {
@@ -282,6 +314,7 @@ else
     long? _balance;
     bool _wasConnected;
     System.Threading.Timer? _refreshTimer;
+    DotNetObjectReference<Home>? _selfRef;
 
     const string BiometricPasswordKey = "vault_bio_password";
 
@@ -293,9 +326,10 @@ else
 
     protected override async Task OnInitializedAsync()
     {
-        Seed.OnSeedChanged += OnStateChanged;
+        Seed.OnSeedChanged += OnSeedChanged;
         TickMonitor.OnTickChanged += OnTickChanged;
         Vault.OnVaultChanged += OnStateChanged;
+        AssetCache.OnAssetsChanged += OnStateChanged;
 
         // Check if biometric is available and a password is stored
         await CheckBiometricAvailability();
@@ -307,6 +341,22 @@ else
         }
     }
 
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            _selfRef = DotNetObjectReference.Create(this);
+            try { await JS.InvokeVoidAsync("pullRefresh.init", "qb-content", _selfRef); } catch { }
+        }
+    }
+
+    [JSInvokable]
+    public async Task OnPullRefresh()
+    {
+        await FetchBalanceAndAssets();
+        await InvokeAsync(StateHasChanged);
+    }
+
     async Task CheckBiometricAvailability()
     {
         try
@@ -523,17 +573,16 @@ else
         await TickMonitor.StartAsync();
     }
 
-    async Task RefreshNow()
-    {
-        await FetchBalanceAndAssets();
-    }
-
     async Task FetchBalanceAndAssets()
     {
         if (Seed.Identity == null || !TickMonitor.IsConnected) return;
         try
         {
-            var info = await Backend.GetBalanceAsync(Seed.Identity.Value);
+            var balanceTask = Backend.GetBalanceAsync(Seed.Identity.Value);
+            var assetsTask = AssetCache.RefreshAsync();
+            await Task.WhenAll(balanceTask, assetsTask);
+
+            var info = await balanceTask;
             if (info != null)
                 _balance = info.Amount;
         }
@@ -573,16 +622,27 @@ else
         _refreshTimer = null;
     }
 
+    void OnSeedChanged()
+    {
+        _balance = null;
+        if (TickMonitor.IsConnected)
+            _ = FetchBalanceAndAssets();
+        InvokeAsync(StateHasChanged);
+    }
+
     void OnStateChanged()
     {
         InvokeAsync(StateHasChanged);
     }
 
     public void Dispose()
     {
-        Seed.OnSeedChanged -= OnStateChanged;
+        Seed.OnSeedChanged -= OnSeedChanged;
         TickMonitor.OnTickChanged -= OnTickChanged;
         Vault.OnVaultChanged -= OnStateChanged;
+        AssetCache.OnAssetsChanged -= OnStateChanged;
         StopRefreshTimer();
+        try { _ = JS.InvokeVoidAsync("pullRefresh.dispose", "qb-content"); } catch { }
+        _selfRef?.Dispose();
     }
 }