mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-06-16 19:01:01 +00:00
Add world-class mobile components and Staking/Governance screens
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
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* Modern Component Library for PezkuwiChain Mobile
|
||||
* Inspired by Material Design 3, iOS HIG, and Kurdistan aesthetics
|
||||
*/
|
||||
|
||||
export { Card } from './Card';
|
||||
export { Button } from './Button';
|
||||
export { Input } from './Input';
|
||||
export { BottomSheet } from './BottomSheet';
|
||||
export { Skeleton, CardSkeleton, ListItemSkeleton } from './LoadingSkeleton';
|
||||
export { Badge } from './Badge';
|
||||
Reference in New Issue
Block a user