📌 Description
ConnectButton (src/components/ConnectButton.tsx) shows truncateAddress(account.address) (src/lib/wallet.ts) once connected, with only a static title="Disconnect" attribute. There is no way to see the full address without opening dev tools or navigating elsewhere, which is awkward when a user wants to double-check which mock account is connected.
🧩 Requirements and context
- Expose the full, untruncated address via a hoverable/focusable tooltip (or an accessible title) on the connected button, without removing the existing "Disconnect" affordance.
- The full address must also be available to assistive tech (e.g. via
aria-label or a visually-hidden span), not just a title attribute-only mouse tooltip.
- No change to the connect/disconnect click behavior.
🛠️ Suggested execution
- Update
src/components/ConnectButton.tsx to surface the full address (e.g. combine into aria-label, keeping the visible truncated text and "Disconnect" intent clear).
- Extend
src/components/ConnectButton.test.tsx to assert the full address is present in the accessible name/label when connected.
✅ Acceptance criteria
🔒 Security notes
The address is already a public Stellar public key; no new sensitive-data exposure.
📋 Guidelines
- Minimum 95% test coverage
- Clear documentation
- Timeframe: 96 hours
📌 Description
ConnectButton(src/components/ConnectButton.tsx) showstruncateAddress(account.address)(src/lib/wallet.ts) once connected, with only a statictitle="Disconnect"attribute. There is no way to see the full address without opening dev tools or navigating elsewhere, which is awkward when a user wants to double-check which mock account is connected.🧩 Requirements and context
aria-labelor a visually-hidden span), not just atitleattribute-only mouse tooltip.🛠️ Suggested execution
src/components/ConnectButton.tsxto surface the full address (e.g. combine intoaria-label, keeping the visible truncated text and "Disconnect" intent clear).src/components/ConnectButton.test.tsxto assert the full address is present in the accessible name/label when connected.✅ Acceptance criteria
🔒 Security notes
The address is already a public Stellar public key; no new sensitive-data exposure.
📋 Guidelines