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
Likely affected files/directories
src/ (new shared component)
app/ (dashboard, guild detail screens)
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
WalletAddresscomponent 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
WalletAddresscomponent insrc/(or wherever shared UI components live) usingexpo-clipboardfor copy support.expo-hapticslight impact + a toast).Acceptance criteria
Likely affected files/directories
src/(new shared component)app/(dashboard, guild detail screens)