feat(frontend): circular wallet logos in Connect Wallet modal (#490) #1029

Merged

PlasticDigits merged 1 commit from fix/490-wallet-modal-circular-logos into main 2026-07-14 11:28:26 +00:00

Conversation 3 Commits 1 Files changed 15 +283 -16

PlasticDigits commented 2026-07-14 11:26:33 +00:00 (Migrated from gitlab.com)

Copy link

Summary

• Adds circular brand logos left of each Connect Wallet row (Station, Keplr, Cosmostation, LuncDash, Galaxy Station) plus a unique non-vendor Simulated Wallet glyph in DEV.
• Vendors local static assets under frontend-dapp/public/wallets/ (no CDN hotlinks). Provenance in public/wallets/PROVENANCE.md.
• Addresses reopen note: no generic bridge placeholders — official/product marks for all five production wallets; Simulated uses an original SVG.

Asset provenance

Wallet	Asset	Source
Station	station.svg	terra-money/docs brand assets
Keplr	keplr.svg	Official Keplr icon mark (#14AFEB)
Cosmostation	cosmostation.svg	cosmostation/logo (sanitized)
LuncDash	luncdash.png	Official LuncDash product logo (site)
Galaxy Station	galaxy-station.png	Official product icon (cosmos-kit connector art)
Simulated (dev)	simulated.svg	Original CL8Y glyph — not a vendor mark

Docs / skills

• Invariants in docs/frontend.md § Connect modal: circular wallet logos
• Playbook updated: skills/AGENTS_FRONTEND_WALLET_CONNECT_MODAL.md
• Design-system matrix note in docs/design-system.md

Test plan

• WalletModal.test.tsx — icons on all production rows; local /wallets/*; Install/Ready/WalletConnect; no Leap
• Wallet component suite green
• Manual: dark + light Connect Wallet modal screenshots (attached on #490)
• Manual: narrow (~375px) — icon + badges + Install remain usable; names truncate (#160)
• Optional: click Install URL smoke / WC smoke on device with extensions

Closes #490

## Summary - Adds circular brand logos left of each Connect Wallet row (Station, Keplr, Cosmostation, LuncDash, Galaxy Station) plus a unique non-vendor Simulated Wallet glyph in DEV. - Vendors local static assets under `frontend-dapp/public/wallets/` (no CDN hotlinks). Provenance in `public/wallets/PROVENANCE.md`. - Addresses reopen note: **no generic bridge placeholders** — official/product marks for all five production wallets; Simulated uses an original SVG. ## Asset provenance | Wallet | Asset | Source | |--------|-------|--------| | Station | `station.svg` | terra-money/docs brand assets | | Keplr | `keplr.svg` | Official Keplr icon mark (`#14AFEB`) | | Cosmostation | `cosmostation.svg` | cosmostation/logo (sanitized) | | LuncDash | `luncdash.png` | Official LuncDash product logo (site) | | Galaxy Station | `galaxy-station.png` | Official product icon (cosmos-kit connector art) | | Simulated (dev) | `simulated.svg` | Original CL8Y glyph — not a vendor mark | ## Docs / skills - Invariants in `docs/frontend.md` § Connect modal: circular wallet logos - Playbook updated: `skills/AGENTS_FRONTEND_WALLET_CONNECT_MODAL.md` - Design-system matrix note in `docs/design-system.md` ## Test plan - [x] `WalletModal.test.tsx` — icons on all production rows; local `/wallets/*`; Install/Ready/WalletConnect; no Leap - [x] Wallet component suite green - [x] Manual: dark + light Connect Wallet modal screenshots (attached on #490) - [x] Manual: narrow (~375px) — icon + badges + Install remain usable; names truncate (#160) - [ ] Optional: click Install URL smoke / WC smoke on device with extensions Closes #490

PlasticDigits commented 2026-07-14 11:26:49 +00:00 (Migrated from gitlab.com)

Copy link

mentioned in issue #490

mentioned in issue #490

PlasticDigits commented 2026-07-14 11:27:54 +00:00 (Migrated from gitlab.com)

Copy link

Verification screenshots (#490)

MR: !1029 (branch fix/490-wallet-modal-circular-logos)

Desktop — dark theme

Desktop — light theme

Mobile (~375px) — dark

Mobile (~375px) — light

Notes

• All five production wallets show circular local logos; Simulated Wallet uses an original DEV glyph (not a vendor mark).
• No generic bridge placeholders (addresses reopen note).
• Install / Extension / WalletConnect / Ready chrome preserved; names truncate on narrow widths as designed (#160).

## Verification screenshots (#490) MR: !1029 (branch `fix/490-wallet-modal-circular-logos`) ### Desktop — dark theme  ### Desktop — light theme  ### Mobile (~375px) — dark  ### Mobile (~375px) — light  ### Notes - All five production wallets show circular local logos; Simulated Wallet uses an original DEV glyph (not a vendor mark). - No generic bridge placeholders (addresses reopen note). - Install / Extension / WalletConnect / Ready chrome preserved; names truncate on narrow widths as designed (#160).

PlasticDigits commented 2026-07-14 11:28:26 +00:00 (Migrated from gitlab.com)

Copy link

mentioned in commit 37345ae46b

mentioned in commit 37345ae46b502b37e95a1744cf270b72b121cac9

PlasticDigits (Migrated from gitlab.com) merged commit 37345ae46b into main 2026-07-14 11:28:26 +00:00

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels   

agent:fix_bugfix

  

agent:fix_conflicts

  

agent:fix_security

  

agent:gap_analysis

  

agent:implement

  

agent:implement

Queue implement gate

  

agent:implement

Queue implement gate

  

agent:open_issues

  

agent:ready

  

agent:research

  

agent:security_audit

  

agent:verify

  

architecture

Architecture

  

backend

API and services

  

blocker:hybrid

Blocks hybrid launch

  

blocker:launch

Blocks launch

  

blocker:limit-orders

Blocks limits launch

  

blocker:v2

Blocks v2

  

block:log_only

  

block:security

  

bug

  

ci

  

contracts

Smart contracts

  

correctness

  

deploy

  

dev

  

devops

  

docs

  

documentation

  

duplicate

  

e2e

  

enhancement

  

epic

Epic

  

feature

  

frontend

  

functional-completion

Functional

  

gas

  

good first issue

  

governance

  

help wanted

  

high-risk

  

hooks

  

hybrid

Hybrid swaps

  

indexer

Indexer

  

infra

CI/CD

  

infrastructure

  

integrators

  

invalid

  

launch-blocker

  

limit-orders

Limit orders

  

localnet

  

localterra

  

low priority

  

missing-implementation

Implementation

  

needs-design

Design decision required

  

ops

  

performance

  

priority

high

  

priority

medium

  

product

  

qa

  

QA

  

question

  

ready

Definition of Ready

  

ready

Definition of Ready

  

research

  

scripts

  

security

Security

  

security-hardening

Security hardening

  

smartcontracts

  

tech-debt

  

testing

Testing

  

ux

  

UX

  

v2

Pool-only swaps

  

verification

  

wontfix

No labels

agent:fix_bugfix

agent:fix_conflicts

agent:fix_security

agent:gap_analysis

agent:implement

agent:implement

agent:implement

agent:open_issues

agent:ready

agent:research

agent:security_audit

agent:verify

architecture

backend

blocker:hybrid

blocker:launch

blocker:limit-orders

blocker:v2

block:log_only

block:security

bug

ci

contracts

correctness

deploy

dev

devops

docs

documentation

duplicate

e2e

enhancement

epic

feature

frontend

functional-completion

gas

good first issue

governance

help wanted

high-risk

hooks

hybrid

indexer

infra

infrastructure

integrators

invalid

launch-blocker

limit-orders

localnet

localterra

low priority

missing-implementation

needs-design

ops

performance

priority

high

priority

medium

product

qa

QA

question

ready

ready

research

scripts

security

security-hardening

smartcontracts

tech-debt

testing

ux

UX

v2

verification

wontfix

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

code/cl8y-dex-terraclassic!1029

No description provided.