diff --git a/app/profile.tsx b/app/profile.tsx index 24e9ea2..c91235e 100644 --- a/app/profile.tsx +++ b/app/profile.tsx @@ -28,16 +28,27 @@ type EditNicknameModalProps = { function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameModalProps) { const [name, setName] = useState(initialName) + const [loading, setLoading] = useState(false) useEffect(() => { setName(initialName) }, [initialName]) + const handleConfirm = async () => { + setLoading(true) + try { + await onConfirm(name) + } finally { + setLoading(false) + } + } + return ( onConfirm(name)} + onConfirm={handleConfirm} /> ) }