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

fix: auto-read citizen number from NFT role card instead of wallet address

Browse Source 
Replaces the buggy useEffect that derived citizen number from wallet
address (and re-triggered whenever user cleared the field) with a clean
sync from DashboardContext's NFT-derived citizenNumber. Field is read-only
when NFT data is present, preventing the refill loop entirely.
This commit is contained in:
Kurdistan Tech Ministry
2026-04-22 01:23:09 +03:00
parent 672682558f
commit 645e703600
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/Identity.tsx
+14 -12
View File
@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useIsMobile } from '@/hooks/use-mobile'; import { useIsMobile } from '@/hooks/use-mobile';
import MobileShell from '@/components/MobileShell'; import MobileShell from '@/components/MobileShell';
import { usePezkuwi } from '@/contexts/PezkuwiContext'; import { useDashboard } from '@/contexts/DashboardContext';
import { Save, CreditCard, BookOpen, Camera } from 'lucide-react'; import { Save, CreditCard, BookOpen, Camera } from 'lucide-react';
// ── Types ── // ── Types ──
@@ -61,7 +61,7 @@ export default function Identity() {
const { t } = useTranslation(); const { t } = useTranslation();
const navigate = useNavigate(); const navigate = useNavigate();
const isMobile = useIsMobile(); const isMobile = useIsMobile();
const { selectedAccount } = usePezkuwi(); const { citizenNumber: nftCitizenNumber } = useDashboard();
const [tab, setTab] = useState<'id' | 'passport'>('id'); const [tab, setTab] = useState<'id' | 'passport'>('id');
const [data, setData] = useState<IdentityData>(DEFAULT_DATA); const [data, setData] = useState<IdentityData>(DEFAULT_DATA);
const [saved, setSaved] = useState(false); const [saved, setSaved] = useState(false);
@@ -74,17 +74,16 @@ export default function Identity() {
} catch { /* ignore */ } } catch { /* ignore */ }
}, []); }, []);
// Auto-fill citizen number from wallet // Sync citizen number from role card NFT
useEffect(() => { useEffect(() => {
if (selectedAccount && !data.citizenNumber) { if (nftCitizenNumber && nftCitizenNumber !== 'N/A') {
const short = selectedAccount.address.slice(-8).toUpperCase();
setData(prev => ({ setData(prev => ({
...prev, ...prev,
citizenNumber: short, citizenNumber: nftCitizenNumber,
passportNumber: generatePassportNo(short), passportNumber: generatePassportNo(nftCitizenNumber),
})); }));
} }
}, [selectedAccount, data.citizenNumber]); }, [nftCitizenNumber]);
const photoInputRef = React.useRef<HTMLInputElement>(null); const photoInputRef = React.useRef<HTMLInputElement>(null);
@@ -230,7 +229,8 @@ export default function Identity() {
</div> </div>
<FormField label={t('identity.citizenNo', 'Citizen Number')} value={data.citizenNumber} <FormField label={t('identity.citizenNo', 'Citizen Number')} value={data.citizenNumber}
onChange={v => handleChange('citizenNumber', v)} placeholder="KRD-000000" /> onChange={v => handleChange('citizenNumber', v)} placeholder="KRD-000000"
readOnly={!!(nftCitizenNumber && nftCitizenNumber !== 'N/A')} />
{/* Save button */} {/* Save button */}
<button <button
@@ -454,8 +454,8 @@ function PassField({ label, value, bold, mono }: { label: string; value: string;
); );
} }
function FormField({ label, value, onChange, placeholder, type = 'text' }: { function FormField({ label, value, onChange, placeholder, type = 'text', readOnly }: {
label: string; value: string; onChange: (v: string) => void; placeholder?: string; type?: string; label: string; value: string; onChange: (v: string) => void; placeholder?: string; type?: string; readOnly?: boolean;
}) { }) {
return ( return (
<div> <div>
@@ -465,7 +465,9 @@ function FormField({ label, value, onChange, placeholder, type = 'text' }: {
value={value} value={value}
onChange={e => onChange(e.target.value)} onChange={e => onChange(e.target.value)}
placeholder={placeholder} placeholder={placeholder}
className="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-green-500 focus:outline-none transition-colors" readOnly={readOnly}
className={`w-full bg-gray-800 border rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:outline-none transition-colors
${readOnly ? 'border-gray-600 text-gray-400 cursor-default' : 'border-gray-700 focus:border-green-500'}`}
/> />
</div> </div>
); );