Merge branch 'main' of https://gitea.bowongai.com/bowong/expo-duooomi-app
This commit is contained in:
commit
4198ffc974
|
|
@ -28,16 +28,27 @@ type EditNicknameModalProps = {
|
||||||
|
|
||||||
function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameModalProps) {
|
function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameModalProps) {
|
||||||
const [name, setName] = useState(initialName)
|
const [name, setName] = useState(initialName)
|
||||||
|
const [loading, setLoading] = useState(false)
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setName(initialName)
|
setName(initialName)
|
||||||
}, [initialName])
|
}, [initialName])
|
||||||
|
|
||||||
|
const handleConfirm = async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
await onConfirm(name)
|
||||||
|
} finally {
|
||||||
|
setLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ConfirmModal
|
<ConfirmModal
|
||||||
badge="用户名"
|
badge="用户名"
|
||||||
cancelText="取消"
|
cancelText="取消"
|
||||||
confirmText="确定"
|
confirmLoading={loading}
|
||||||
|
confirmText={loading ? '修改中...' : '确定'}
|
||||||
content={
|
content={
|
||||||
<Block className="w-full">
|
<Block className="w-full">
|
||||||
<Input
|
<Input
|
||||||
|
|
@ -51,7 +62,7 @@ function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameMod
|
||||||
}
|
}
|
||||||
title="修改昵称"
|
title="修改昵称"
|
||||||
onCancel={onCancel}
|
onCancel={onCancel}
|
||||||
onConfirm={() => onConfirm(name)}
|
onConfirm={handleConfirm}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue