Skip to content

Walkthrough ships placeholder images; mostro_logo.png is missing #263

Description

@AndreaDiazCorreia

The walkthrough (first-run onboarding) renders flat grey rectangles instead of illustrations, on every platform. The assets in the repo are placeholders that were never replaced.

Walkthrough images are placeholder PNGs

assets/images/wt-{1..6}.png are all 817-byte, 400x300 PNGs, and there are only two unique files alternated across the six slides:

040b491a8ae19e5019dfe620fed6b664  wt-1.png
164c3dd420778ac0a0e36aaac0b366b7  wt-2.png
040b491a8ae19e5019dfe620fed6b664  wt-3.png
164c3dd420778ac0a0e36aaac0b366b7  wt-4.png
040b491a8ae19e5019dfe620fed6b664  wt-5.png
164c3dd420778ac0a0e36aaac0b366b7  wt-6.png

Decoded, each is a solid-colour rectangle: rgb(30,34,45) (#1E222D) and rgb(35,38,50) (#232632). Those tones are nearly identical to the dark app background, so the slide reads as an empty area with a faint block in it.

git log -- assets/images/ on main shows a single commit, 0111871 feat(setup): phase 1 — project initialization — the assets have not been touched since the initial scaffold.

They are consumed by lib/features/walkthrough/screens/walkthrough_screen.dart:147:

image: Padding(
  padding: const EdgeInsets.only(top: 30),
  child: Image.asset(
    slide.image,
    height: 200,
    fit: BoxFit.contain,
    errorBuilder: (_, __, ___) => const SizedBox(height: 200),
  ),
),

Note this is not a web/asset-loading bug: the images do load, they are just blank. The errorBuilder would render nothing at all if the asset were missing.

mostro_logo.png is missing

lib/features/trades/screens/trades_screen.dart:140 references assets/images/mostro_logo.png, but the only files tracked under assets/images/ are the six wt-*.png. That asset load does fail.

Scope

  • Decide where the real walkthrough illustrations come from (parity with v1 MostroP2P/mobile, or new artwork) — needs a design call.
  • Replace wt-{1..6}.png with six distinct illustrations, sized for the height: 200 / BoxFit.contain slot and legible on both dark and light themes (see Visual QA pass on light theme (trade_detail and other dense screens) #116).
  • Add assets/images/mostro_logo.png (or drop the reference in trades_screen.dart).

Metadata

Metadata

Labels

area: uiFlutter screens, UI providers, UXbugSomething isn't workingneeds verificationRequires confirming something (e.g. v1 behavior) before proceeding

Type

No type

Projects

Status
Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions