pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 06:47:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix all shadow deprecation warnings across entire mobile app

Browse Source 
- Replaced shadowColor/shadowOffset/shadowOpacity/shadowRadius with boxShadow
- Fixed 28 files (21 screens + 7 components)
- Preserved elevation for Android compatibility
- All React Native Web deprecation warnings resolved

Files fixed:
- All screen components
- All reusable components
- Navigation components
- Modal components
This commit is contained in:
Kurdistan Tech Ministry
2026-01-14 15:05:10 +03:00
parent 9090e0fc2b
commit 8d30519efc
231 changed files with 30234 additions and 62124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mobile/docs/FAZ_1_SUMMARY.md
-343
View File
@@ -1,343 +0,0 @@
# FAZ 1: Mobile App Temel Yapı - Özet Rapor
## Genel Bakış
FAZ 1, mobil uygulama için temel kullanıcı akışının ve blockchain bağlantısının kurulmasını kapsar. Bu faz tamamlandığında kullanıcı, dil seçimi yapabilecek, insan doğrulamasından geçecek ve gerçek blockchain verilerini görebilecek.
## Tamamlanan Görevler ✅
### 1. WelcomeScreen - Dil Seçimi ✅
**Dosya:** `/home/mamostehp/pwap/mobile/src/screens/WelcomeScreen.tsx`
**Durum:** Tamamen hazır, değişiklik gerekmez
**Özellikler:**
- 6 dil desteği (EN, TR, KMR, CKB, AR, FA)
- RTL (Sağdan-sola) dil desteği badge'i
- Kurdistan renk paleti ile gradient tasarım
- i18next entegrasyonu aktif
- LanguageContext ile dil state yönetimi
**Kod İncelemesi:**
- Lines 22-42: 6 dil tanımı (name, nativeName, code, rtl)
- Lines 44-58: handleLanguageSelect() - Dil değişim fonksiyonu
- Lines 59-88: Dil kartları UI (TouchableOpacity ile seçilebilir)
- Lines 104-107: Devam butonu (dil seçildikten sonra aktif olur)
### 2. VerificationScreen - İnsan Doğrulama ✅
**Dosya:** `/home/mamostehp/pwap/mobile/src/screens/VerificationScreen.tsx`
**Durum:** Syntax hatası düzeltildi (line 50: KurdistanColors)
**Özellikler:**
- Mock doğrulama (FAZ 1.2 için yeterli)
- Dev modunda "Skip" butonu (__DEV__ flag)
- 1.5 saniye simüle doğrulama delay'i
- Linear gradient tasarım (Kesk → Zer)
- i18n çeviri desteği
- Loading state (ActivityIndicator)
**Kod İncelemesi:**
- Lines 30-38: handleVerify() - 1.5s simüle doğrulama
- Lines 40-45: handleSkip() - Sadece dev modda aktif
- Lines 50: **FIX APPLIED** - `KurdistanColors.kesk` (was: `Kurdistan Colors.kesk`)
- Lines 75-81: Dev mode badge gösterimi
- Lines 100-110: Skip butonu (sadece __DEV__)
**Düzeltilen Hata:**
```diff
- colors={[Kurdistan Colors.kesk, KurdistanColors.zer]}
+ colors={[KurdistanColors.kesk, KurdistanColors.zer]}
```
## Devam Eden Görevler 🚧
### 3. DashboardScreen - Blockchain Bağlantısı 🚧
**Dosya:** `/home/mamostehp/pwap/mobile/src/screens/DashboardScreen.tsx`
**Durum:** UI hazır, blockchain entegrasyonu gerekli
**Hardcoded Değerler (Değiştirilmesi Gereken):**
#### Balance Card (Lines 94-108)
```typescript
// ❌ ŞU AN HARDCODED:
<Text style={styles.balanceAmount}>0.00 HEZ</Text>
// Satır 98-101: Total Staked
<Text style={styles.statValue}>0.00</Text>
// Satır 103-106: Rewards
<Text style={styles.statValue}>0.00</Text>
```
**Gerekli Değişiklik:**
```typescript
// ✅ OLMASI GEREKEN:
import { useBalance } from '@pezkuwi/shared/hooks/blockchain/useBalance';
const { balance, isLoading, error } = useBalance(api, userAddress);
<Text style={styles.balanceAmount}>
{isLoading ? 'Loading...' : formatBalance(balance.free)} HEZ
</Text>
```
#### Active Proposals Card (Lines 133-142)
```typescript
// ❌ ŞU AN HARDCODED:
<Text style={styles.proposalsCount}>0</Text>
```
**Gerekli Değişiklik:**
```typescript
// ✅ OLMASI GEREKEN:
import { useProposals } from '@pezkuwi/shared/hooks/blockchain/useProposals';
const { proposals, isLoading } = useProposals(api);
<Text style={styles.proposalsCount}>
{isLoading ? '...' : proposals.length}
</Text>
```
### 4. Quick Actions - Gerçek Veri Bağlantısı 🚧
**Durum:** UI hazır, blockchain queries gerekli
**Mevcut Quick Actions:**
1. 💼 **Wallet** - `onNavigateToWallet()` ✅ (navigation var)
2. 🔒 **Staking** - `console.log()` ❌ (stub)
3. 🗳️ **Governance** - `console.log()` ❌ (stub)
4. 💱 **DEX** - `console.log()` ❌ (stub)
5. 📜 **History** - `console.log()` ❌ (stub)
6. ⚙️ **Settings** - `onNavigateToSettings()` ✅ (navigation var)
**FAZ 1 İçin Gerekli:**
- Quick Actions'lar gerçek blockchain data ile çalışacak şekilde güncellenecek
- Her action için ilgili screen navigation'ı eklenecek
- FAZ 2'de detaylı implementasyonlar yapılacak (şimdilik sadece navigation yeterli)
## Gerekli Shared Hooks (Oluşturulmalı)
### 1. useBalance Hook ✅ (ZATEN OLUŞTURULDU)
**Dosya:** `/home/mamostehp/pwap/shared/hooks/blockchain/usePolkadotApi.ts`
**Durum:** Platform-agnostic API connection hook hazır
**Kod:**
```typescript
export function usePolkadotApi(endpoint?: string): UsePolkadotApiReturn {
const [api, setApi] = useState<ApiPromise | null>(null);
const [isReady, setIsReady] = useState(false);
const [error, setError] = useState<Error | null>(null);
// Auto-connect on mount, disconnect on unmount
// Returns: { api, isReady, error, connect, disconnect }
}
```
**Kullanım:**
```typescript
import { usePolkadotApi } from '@pezkuwi/shared/hooks/blockchain/usePolkadotApi';
const { api, isReady, error } = usePolkadotApi('ws://localhost:9944');
```
### 2. useBalance Hook (Oluşturulacak)
**Dosya:** `/home/mamostehp/pwap/shared/hooks/blockchain/useBalance.ts` (YOK)
**Gerekli Kod:**
```typescript
import { useState, useEffect } from 'react';
import { ApiPromise } from '@polkadot/api';
interface Balance {
free: string;
reserved: string;
frozen: string;
}
export function useBalance(api: ApiPromise | null, address: string) {
const [balance, setBalance] = useState<Balance>({
free: '0',
reserved: '0',
frozen: '0'
});
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
if (!api || !address) return;
setIsLoading(true);
api.query.system.account(address)
.then((account: any) => {
setBalance({
free: account.data.free.toString(),
reserved: account.data.reserved.toString(),
frozen: account.data.frozen.toString(),
});
setIsLoading(false);
})
.catch((err) => {
setError(err);
setIsLoading(false);
});
}, [api, address]);
return { balance, isLoading, error };
}
```
### 3. useStaking Hook (Oluşturulacak)
**Dosya:** `/home/mamostehp/pwap/shared/hooks/blockchain/useStaking.ts` (YOK)
**Gerekli Queries:**
- `api.query.staking.bonded(address)` - Bonded amount
- `api.query.staking.ledger(address)` - Staking ledger
- `api.query.staking.payee(address)` - Reward destination
### 4. useProposals Hook (Oluşturulacak)
**Dosya:** `/home/mamostehp/pwap/shared/hooks/blockchain/useProposals.ts` (YOK)
**Gerekli Queries:**
- `api.query.welati.proposals()` - All active proposals
- `api.query.welati.proposalCount()` - Total proposal count
## FAZ 1 Tamamlama Planı
### Adım 1: Shared Hooks Oluşturma ⏳
1. `useBalance.ts` - Balance fetching
2. `useStaking.ts` - Staking info
3. `useProposals.ts` - Governance proposals
4. `formatBalance.ts` utility - Token formatting
### Adım 2: DashboardScreen Entegrasyonu ⏳
1. Import shared hooks
2. Replace hardcoded `0.00 HEZ` with real balance
3. Replace hardcoded `0.00` staked amount
4. Replace hardcoded `0.00` rewards
5. Replace hardcoded `0` proposals count
### Adım 3: Error Handling & Loading States ⏳
1. Add loading spinners for blockchain queries
2. Add error messages for failed queries
3. Add retry mechanism
4. Add offline state detection
### Adım 4: Testing ⏳
1. Test with local dev node (ws://localhost:9944)
2. Test with beta testnet
3. Test offline behavior
4. Test error scenarios
## Blockchain Endpoints
### Development
```typescript
const DEV_ENDPOINT = 'ws://localhost:9944';
```
### Beta Testnet
```typescript
const BETA_ENDPOINT = 'ws://beta.pezkuwichain.io:9944';
```
### Mainnet (Future)
```typescript
const MAINNET_ENDPOINT = 'wss://mainnet.pezkuwichain.io';
```
## Dosya Yapısı
```
pwap/
├── mobile/
│ ├── src/
│ │ ├── screens/
│ │ │ ├── WelcomeScreen.tsx ✅ (Tamamlandı)
│ │ │ ├── VerificationScreen.tsx ✅ (Tamamlandı, syntax fix)
│ │ │ ├── DashboardScreen.tsx 🚧 (Blockchain entegrasyonu gerekli)
│ │ │ ├── WalletScreen.tsx ❌ (FAZ 2)
│ │ │ └── SettingsScreen.tsx ❌ (Var, ama update gerekli)
│ │ └── theme/
│ │ └── colors.ts ✅
│ └── docs/
│ ├── QUICK_ACTIONS_IMPLEMENTATION.md ✅ (400+ satır)
│ └── FAZ_1_SUMMARY.md ✅ (Bu dosya)
└── shared/
└── hooks/
└── blockchain/
├── usePolkadotApi.ts ✅ (Tamamlandı)
├── useBalance.ts ❌ (Oluşturulacak)
├── useStaking.ts ❌ (Oluşturulacak)
└── useProposals.ts ❌ (Oluşturulacak)
```
## Sonraki Adımlar (Öncelik Sırasına Göre)
### FAZ 1.3 (Şu An) 🚧
1. `useBalance.ts` hook'unu oluştur
2. `useStaking.ts` hook'unu oluştur
3. `useProposals.ts` hook'unu oluştur
4. `formatBalance.ts` utility'sini oluştur
5. DashboardScreen'e entegre et
6. Test et
### FAZ 1.4 (Sonraki) ⏳
1. Quick Actions navigation'larını ekle
2. Her action için loading state ekle
3. Error handling ekle
4. Offline state detection ekle
### FAZ 2 (Gelecek) 📅
1. WalletScreen - Transfer, Receive, History
2. StakingScreen - Bond, Unbond, Nominate
3. GovernanceScreen - Proposals, Voting
4. DEXScreen - Swap, Liquidity
5. HistoryScreen - Transaction list
6. Detailed documentation (QUICK_ACTIONS_IMPLEMENTATION.md zaten var)
## Beklenen Timeline
- **FAZ 1.3 (Blockchain Bağlantısı):** 2-3 gün
- **FAZ 1.4 (Quick Actions Navigation):** 1 gün
- **FAZ 1 Toplam:** ~1 hafta
- **FAZ 2 (Detaylı Features):** 3-4 hafta (daha önce planlandı)
## Bağımlılıklar
### NPM Paketleri (Zaten Kurulu)
- `@polkadot/api` v16.5.2 ✅
- `@polkadot/util` v13.5.7 ✅
- `@polkadot/util-crypto` v13.5.7 ✅
- `react-i18next` ✅
- `expo-linear-gradient` ✅
### Platform Desteği
- ✅ React Native (mobile)
- ✅ Web (shared hooks platform-agnostic)
## Notlar
### Güvenlik
- Mnemonic/private key'ler SecureStore'da saklanacak
- Biometric authentication FAZ 2'de eklenecek
- Demo mode sadece `__DEV__` flag'inde aktif
### i18n
- 6 dil desteği aktif (EN, TR, KMR, CKB, AR, FA)
- RTL diller için özel layout (AR, FA)
- Çeviriler `/home/mamostehp/pwap/mobile/src/locales/` klasöründe
### Tasarım
- Kurdistan renk paleti: Kesk (green), Zer (yellow), Sor (red), Spi (white), Reş (black)
- Linear gradient backgrounds
- Shadow/elevation effects
- Responsive grid layout
---
**Durum:** FAZ 1.2 tamamlandı, FAZ 1.3 devam ediyor
**Güncelleme:** 2025-11-17
**Yazar:** Claude Code