Skip to content

fix: dashboard loading flash + updated screenshots#8

Merged
proofofprints merged 1 commit into
mainfrom
fix-welcome-flash-and-screenshots
Apr 12, 2026
Merged

fix: dashboard loading flash + updated screenshots#8
proofofprints merged 1 commit into
mainfrom
fix-welcome-flash-and-screenshots

Conversation

@proofofprints
Copy link
Copy Markdown
Owner

Summary

Two fixes for v1 launch quality:

1. Dashboard welcome screen flash (bug fix)

On app launch, the dashboard showed the "Welcome to PoPManager" card for ~2 seconds even when miners were already configured, because savedMiners initializes as [] and the first get_saved_miners fetch takes a moment. The zero-state check totalCount === 0 && mobileCount === 0 evaluated true during that window, causing a flash.

Fix: Added initialLoaded state that starts false and flips to true after the first get_saved_miners response (success or error). The render now has three branches:

  1. !initialLoaded → centered spinner with "Loading miners..."
  2. initialLoaded && totalCount === 0 && mobileCount === 0 → welcome card
  3. Otherwise → normal dashboard with stats/charts

2. Screenshots updated for v1

Updated existing screenshots (reflect current UI after mobile miners restructure):

  • Dashboard (new 3+4 stats layout with ASIC/Mobile split)
  • Alert Screen
  • Miner Detail
  • Miner Page Card
  • Miner Page Grid

Added new screenshots:

  • Mobile Miner Card.png — Mobile Miners card view
  • Mobile Miner Grid.png — Mobile Miners grid/table view
  • Mobile Detail.png — Mobile Miner Remote Control panel
  • Pool View.png — Pool detail showing unified ASIC + Mobile miner matches

README updated:

  • Uncommented the mobile screenshot placeholders and pointed at actual filenames
  • Added Pool View screenshot under Pool Management section

Verification

  • npx tsc --noEmit — clean
  • Manual: launch with miners configured → confirm spinner shows briefly then dashboard renders (no welcome flash)
  • Manual: launch with zero miners → confirm welcome card shows after spinner
  • Manual: verify all README screenshot images render on GitHub

Files changed

src/pages/Dashboard.tsx                  | +13 / -1
README.md                               |  +4 / -4
docs/screenshots/Alert Screen.png       | updated
docs/screenshots/Dashboard.png          | updated
docs/screenshots/Miner Detail.png       | updated
docs/screenshots/Miner Page Card.png    | updated
docs/screenshots/Miner Page Grid.png    | updated
docs/screenshots/Mobile Detail.png      | NEW
docs/screenshots/Mobile Miner Card.png  | NEW
docs/screenshots/Mobile Miner Grid.png  | NEW
docs/screenshots/Pool View.png          | NEW
11 files changed

Dashboard:
- Add initialLoaded state gate so the welcome card only renders after
  the first get_saved_miners fetch completes. Previously, the welcome
  screen flashed briefly on every app launch (even with miners saved)
  because savedMiners starts as [] and the fetch takes a few seconds.
  Now shows a centered "Loading miners..." spinner until data arrives.

Screenshots:
- Updated existing screenshots to reflect current UI (Dashboard with
  ASIC/Mobile stats split, updated Alert Screen, Miner Detail, Miner
  Page Card/Grid views)
- Added new screenshots: Mobile Miner Card view, Mobile Miner Grid
  view, Mobile Detail (Remote Control panel), Pool View (unified
  ASIC+Mobile pool matches)

README:
- Uncommented mobile miner screenshot placeholders and pointed them at
  the actual filenames (Mobile Miner Card.png, Mobile Miner Grid.png,
  Mobile Detail.png)
- Added Pool View screenshot under Pool Management section
@proofofprints proofofprints merged commit 8b453ea into main Apr 12, 2026
1 check passed
@proofofprints proofofprints deleted the fix-welcome-flash-and-screenshots branch April 18, 2026 02:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant