mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-28 23:37:56 +00:00
Claude
4a1118f207
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
12 lines
384 B
TypeScript
12 lines
384 B
TypeScript
/**
|
|
* 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';
|