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

feat: show citizen ID in role card, show Welati in KYC status card

Browse Source
This commit is contained in:
Kurdistan Tech Ministry
2026-04-21 05:22:19 +03:00
parent dc9e5de2f6
commit 95bf48f240
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/MobileHomeLayout.tsx
+14 -6
View File
@@ -7,7 +7,7 @@ import { supabase } from '@/lib/supabase';
import { LanguageSwitcher } from './LanguageSwitcher'; import { LanguageSwitcher } from './LanguageSwitcher';
import { PezkuwiWalletButton } from './PezkuwiWalletButton'; import { PezkuwiWalletButton } from './PezkuwiWalletButton';
import NotificationBell from './notifications/NotificationBell'; import NotificationBell from './notifications/NotificationBell';
import { fetchUserTikis, getPrimaryRole, getTikiDisplayName, getTikiEmoji } from '@pezkuwi/lib/tiki'; import { fetchUserTikis, getPrimaryRole, getTikiDisplayName, getTikiEmoji, getCitizenNFTDetails, generateCitizenNumber } from '@pezkuwi/lib/tiki';
import { getAllScores, type UserScores } from '@pezkuwi/lib/scores'; import { getAllScores, type UserScores } from '@pezkuwi/lib/scores';
import { getKycStatus } from '@pezkuwi/lib/kyc'; import { getKycStatus } from '@pezkuwi/lib/kyc';
@@ -127,6 +127,7 @@ const MobileHomeLayout: React.FC = () => {
trustScore: 0, referralScore: 0, stakingScore: 0, tikiScore: 0, totalScore: 0, trustScore: 0, referralScore: 0, stakingScore: 0, tikiScore: 0, totalScore: 0,
}); });
const [kycStatus, setKycStatus] = useState<string>('NotStarted'); const [kycStatus, setKycStatus] = useState<string>('NotStarted');
const [citizenId, setCitizenId] = useState<string | null>(null);
const [loadingScores, setLoadingScores] = useState(false); const [loadingScores, setLoadingScores] = useState(false);
const fetchProfile = useCallback(async () => { const fetchProfile = useCallback(async () => {
@@ -153,6 +154,13 @@ const MobileHomeLayout: React.FC = () => {
setTikis(userTikis); setTikis(userTikis);
setScores(allScores); setScores(allScores);
setKycStatus(status); setKycStatus(status);
if (userTikis.includes('Welati')) {
const nft = await getCitizenNFTDetails(peopleApi, selectedAccount.address);
if (nft) {
const sixDigit = generateCitizenNumber(selectedAccount.address, nft.collectionId, nft.itemId);
setCitizenId(`#${nft.collectionId}-${nft.itemId}-${sixDigit}`);
}
}
} catch { /* blockchain fetch is best-effort */ } } catch { /* blockchain fetch is best-effort */ }
finally { setLoadingScores(false); } finally { setLoadingScores(false); }
}, [selectedAccount, peopleApi, isPeopleReady]); }, [selectedAccount, peopleApi, isPeopleReady]);
@@ -240,7 +248,7 @@ const MobileHomeLayout: React.FC = () => {
)} )}
{/* Role - always visible, shows Visitor for guests */} {/* Role - always visible, shows Visitor for guests */}
<ScoreCard icon={getTikiEmoji(primaryRole)} label={t('mobile.role', 'Role')} value={getTikiDisplayName(primaryRole)} <ScoreCard icon={getTikiEmoji(primaryRole)} label={t('mobile.role', 'Role')} value={getTikiDisplayName(primaryRole)}
sub={!user ? t('mobile.loginToSeeRoles', 'Login to see roles') : selectedAccount ? `${tikis.length} ${tikis.length === 1 ? 'role' : 'roles'}` : t('mobile.connectWallet', 'Connect wallet')} sub={!user ? t('mobile.loginToSeeRoles', 'Login to see roles') : citizenId ? citizenId : selectedAccount ? `${tikis.length} ${tikis.length === 1 ? 'role' : 'roles'}` : t('mobile.connectWallet', 'Connect wallet')}
color="border-l-orange-500" /> color="border-l-orange-500" />
{/* Total Score */} {/* Total Score */}
<ScoreCard icon="🏆" label={t('mobile.totalScore', 'Total Score')} <ScoreCard icon="🏆" label={t('mobile.totalScore', 'Total Score')}
@@ -269,13 +277,13 @@ const MobileHomeLayout: React.FC = () => {
action={!user ? { label: t('nav.login', 'Login'), onClick: () => navigate('/login') } : undefined} /> action={!user ? { label: t('nav.login', 'Login'), onClick: () => navigate('/login') } : undefined} />
{/* KYC Status */} {/* KYC Status */}
<ScoreCard <ScoreCard
icon={!user ? '📝' : kycStatus === 'Approved' ? '✅' : kycStatus === 'Pending' ? '⏳' : '📝'} icon={!user ? '📝' : tikis.includes('Welati') ? '🌿' : kycStatus === 'Approved' ? '✅' : kycStatus === 'Pending' ? '⏳' : '📝'}
label={t('mobile.kycStatus', 'KYC Status')} label={t('mobile.kycStatus', 'KYC Status')}
value={!user ? '—' : kycStatus} value={!user ? '—' : tikis.includes('Welati') ? 'Welati' : kycStatus}
color={kycStatus === 'Approved' ? 'border-l-green-500' : 'border-l-yellow-500'} color={tikis.includes('Welati') ? 'border-l-green-500' : kycStatus === 'Approved' ? 'border-l-green-500' : 'border-l-yellow-500'}
action={!user action={!user
? { label: t('nav.login', 'Login'), onClick: () => navigate('/login') } ? { label: t('nav.login', 'Login'), onClick: () => navigate('/login') }
: kycStatus === 'NotStarted' : !tikis.includes('Welati') && kycStatus === 'NotStarted'
? { label: t('mobile.apply', 'Apply'), onClick: () => navigate('/be-citizen') } ? { label: t('mobile.apply', 'Apply'), onClick: () => navigate('/be-citizen') }
: undefined} : undefined}
/> />