PHASE 1 & 2 of mobile app transformation completed.
New Modern Component Library:
- Card: Elevated, outlined, filled variants with press states
- Button: 5 variants (primary, secondary, outline, ghost, danger) with Kurdistan colors
- Input: Floating labels, validation, icons, focus states
- BottomSheet: Swipe-to-dismiss modal with smooth animations
- LoadingSkeleton: Shimmer loading states (Skeleton, CardSkeleton, ListItemSkeleton)
- Badge: Status indicators and labels for Tiki roles
New Screens:
1. StakingScreen (504 lines):
- View staked amount and rewards
- Live staking data from blockchain
- Stake/Unstake with bottom sheets
- Tiki score breakdown
- Monthly PEZ rewards calculation
- APY estimation
- Unbonding status
- Inspired by Polkadot.js and Argent
2. GovernanceScreen (447 lines):
- Active proposals list
- Vote FOR/AGAINST proposals
- Real-time voting statistics
- Vote progress visualization
- Proposal details bottom sheet
- Democratic participation interface
- Inspired by modern DAO platforms
Design Principles:
✅ Kurdistan colors (Kesk, Sor, Zer) throughout
✅ Material Design 3 inspired
✅ Smooth animations and transitions
✅ Clean, modern UI
✅ Accessibility-first
✅ RTL support ready
All components use:
- Shared theme from @pezkuwi/theme
- Shared blockchain logic from @pezkuwi/lib
- TypeScript with full type safety
- React Native best practices
Next: DEX/Swap, NFT Gallery, Transaction History