Skip to content

feat(marketplace): add dismissible connect wallet CTA banner for unauthenticated visitors - #902

Merged
Chucks1093 merged 5 commits into
accesslayerorg:devfrom
DammyAji:feat/859-connect-wallet-cta-banner
Sep 5, 2026
Merged

feat(marketplace): add dismissible connect wallet CTA banner for unauthenticated visitors#902
Chucks1093 merged 5 commits into
accesslayerorg:devfrom
DammyAji:feat/859-connect-wallet-cta-banner

Conversation

@DammyAji

@DammyAji DammyAji commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Closes #859

Summary

Add a non-intrusive dismissible banner at the top of the marketplace section that encourages unauthenticated visitors to connect their Stellar wallet.

What changed

  • src/components/common/ConnectWalletCtaBanner.tsx (new) — Banner component that:
    • Shows only for unauthenticated users (uses wagmi useAccount to check)
    • Displays the message: "Connect your Stellar wallet to buy creator keys and start earning"
    • Includes a Connect Wallet button that opens the wallet connect modal via wagmi useConnect
    • Includes a dismiss (X) button that hides the banner for the session using sessionStorage
    • Automatically hides when user is already authenticated
    • Uses Tailwind CSS for styling (no inline styles), lucide-react icons, and the project's cn utility
  • src/pages/HomePage.tsx — Integrated ConnectWalletCtaBanner between the Hero and TrendingCreators (marketplace) sections

Acceptance Criteria

  • Banner visible for unauthenticated users on the marketplace
  • Connect Wallet button opens the wallet connect modal
  • Dismiss hides the banner for the session
  • Banner not shown after dismissal within the same session
  • Banner hidden for authenticated users
  • No inline styles — uses Tailwind CSS
  • Strict TypeScript — no any types
  • TypeScript compiles cleanly
  • Lint passes
  • Build succeeds

Closes #859


DammyAji and others added 2 commits August 31, 2026 13:57
…thenticated visitors

Add a non-intrusive banner at the top of the marketplace section that
encourages unauthenticated users to connect their Stellar wallet. The
banner includes:

- Banner text explaining the benefits of connecting
- Connect Wallet button that opens the wallet connect modal
- Dismiss (X) button that hides the banner for the session via sessionStorage
- Automatic hiding when the user is already authenticated

Closes accesslayerorg#859

🤖 Generated with Codebuff
Co-Authored-By: Codebuff <noreply@codebuff.com>
@drips-wave

drips-wave Bot commented Aug 31, 2026

Copy link
Copy Markdown

@DammyAji Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Chucks1093

Copy link
Copy Markdown
Member

Fix CI

@Chucks1093

Copy link
Copy Markdown
Member

The verify check is failing on this PR. This is likely a TypeScript or lint error introduced in the CTA banner component. Run npm run build locally to see the exact TypeScript errors, then run npm run lint to catch any ESLint issues. Fix the errors, push the branch, and CI will re-run.

DammyAji and others added 3 commits September 4, 2026 23:37
The merge of dev into the CTA banner branch dropped the
CreatorSpotlight and TrendingLeaderboard renders from HomePage but
kept their imports, failing build (TS6133) and lint (no-unused-vars).
Restore both sections so the marketplace keeps the upstream dev layout
alongside the new banner, and mock the banner in DocumentTitle tests
which otherwise crash on wagmi hooks without a provider.

🤖 Generated with Codebuff
Co-Authored-By: Codebuff <noreply@codebuff.com>
The dev merge (2d0ae93) kept HomePage's MarketOverview import while
dropping its render, and spliced dev-only imports into the slippage
tolerance tests without using them, failing lint and tsc. Restore the
MarketOverview section (mocking it in DocumentTitle tests) and remove
the unused imports so Client CI passes again.

🤖 Generated with Codebuff
Co-Authored-By: Codebuff <noreply@codebuff.com>
@Chucks1093
Chucks1093 merged commit 4babdf9 into accesslayerorg:dev Sep 5, 2026
1 check 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.

Add a connect wallet CTA banner on the marketplace for unauthenticated visitors

2 participants