Skip to content

Add balance-aware onboarding banner on Home#404

Merged
Olaleye-Blessing merged 1 commit into
developmentfrom
feat/balance-banner
Apr 28, 2026
Merged

Add balance-aware onboarding banner on Home#404
Olaleye-Blessing merged 1 commit into
developmentfrom
feat/balance-banner

Conversation

@tbsoc
Copy link
Copy Markdown
Member

@tbsoc tbsoc commented Apr 27, 2026

Summary

  • New full-width band above the hero on / that nudges connected users based on wallet state:
    • < 0.001 xDAI → "You need xDAI to bake" with Bridge / Buy CTAs
    • 0 BREAD (but has xDAI) → "Ready to bake?" with a Bake BREAD CTA
    • Otherwise hidden
  • Swap widget state lifted from NewSwap into SwapWrapper so CTAs can deep-link into the correct tab via window.location.hash + hashchange (and smooth-scroll to the widget).

Test plan

  • Connect a wallet on Gnosis with < 0.001 xDAI → NoGas banner renders with Bridge / Buy buttons
  • Connect a wallet on Gnosis with xDAI but 0 BREAD → NoBread banner renders with Bake BREAD button
  • Connect a wallet with both xDAI and BREAD → no banner renders
  • Click Bridge / Buy / Bake on the banner → Swap widget switches to the right tab and page scrolls to it
  • Hash deep-link (e.g. /#bake, /#burn, /#bridge, /#buy) opens the Swap widget in that tab

🤖 Generated with Claude Code

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 27, 2026

Deploy Preview for dapper-sundae-ae0873 ready!

Name Link
🔨 Latest commit c32ecd6
🔍 Latest deploy log https://app.netlify.com/projects/dapper-sundae-ae0873/deploys/69f0f4a707a99a0008e4f990
😎 Deploy Preview https://deploy-preview-404--dapper-sundae-ae0873.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Olaleye-Blessing Olaleye-Blessing changed the base branch from main to development April 28, 2026 16:32
Nudges connected users based on their wallet state:
- <0.001 xDAI: "You need xDAI to bake" with Bridge/Buy CTAs
- 0 BREAD (but has xDAI): "Ready to bake?" with a Bake BREAD CTA

The banner sits in a full-width primary-orange band above the hero,
only on /, and only renders when one of the conditions is met.
CTAs set window.location.hash and scroll to the Swap widget; the
Swap widget (state lifted into SwapWrapper) listens for hashchange
and switches to the requested tab.

Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>
@Olaleye-Blessing Olaleye-Blessing merged commit 7b9b6be into development Apr 28, 2026
5 of 6 checks passed
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.

2 participants