Skip to content

Add a truncated wallet address component with copy-to-clipboard for the membership dashboard #236

Description

@Lakes41

Difficulty: Intermediate
Type: UI/UX

Background
The app's "Universal Membership" feature shows all active guild memberships and assigned roles in a unified dashboard, per the README, which necessarily displays wallet addresses.

Problem
Full wallet addresses are long, easy to misread on a small mobile screen, and hard to compare at a glance; there's no indication of a reusable truncation/copy pattern used consistently across the membership dashboard and guild detail screens.

Expected outcome
A shared WalletAddress component truncates addresses (e.g., 0x1234…abcd) by default, supports a tap-to-copy action with haptic/visual confirmation (toast or brief inline checkmark), and is used consistently everywhere a wallet address is displayed.

Suggested implementation

  • Build a reusable WalletAddress component in src/ (or wherever shared UI components live) using expo-clipboard for copy support.
  • Add a brief visual/haptic confirmation on copy (e.g., expo-haptics light impact + a toast).
  • Replace any inline, ad hoc wallet-address rendering in the membership dashboard and guild detail screens with this shared component.
  • Verify NativeWind dark/light styling for the component.

Acceptance criteria

  • Wallet addresses render truncated by default across the dashboard and guild detail screens
  • Tap-to-copy works and gives clear feedback
  • Component is reused rather than duplicated across screens
  • Verified in both light and dark mode

Likely affected files/directories

  • src/ (new shared component)
  • app/ (dashboard, guild detail screens)

Metadata

Metadata

Assignees

Labels

GrantFox OSSGrantFox Open Source Sponsorship program tagMaybe RewardedIssue may qualify for a reward upon successful completion per campaign rulesOfficial Campaign | FWC26Official FWC26 campaign issue — eligible for campaign scoring and rewardsUI/UXUser interface or user experience improvements and design workintermediateIntermediate difficulty tasks requiring solid experience and some context

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions