xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: uploading avatar loading status

This commit is contained in:
DIYgod 2022-08-06 22:18:46 +01:00
parent 95b69f0b75
commit 7b1bcee944
No known key found for this signature in database
GPG Key ID: D159328F47A80DCA
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/dashboard/AvatarForm.tsx
View File

@ -18,9 +18,11 @@ const AvatarEditorModal: React.FC<{
}> = ({ isOpen, setIsOpen, image, site, uploadFile }) => {
const editorRef = useRef<ReactAvatarEditor | null>(null)
const updateSite = useUpdateSite()
const [uploadFileProgress, setUploadFileProgress] = useState(false)
const useCropAndSave = async () => {
let key
setUploadFileProgress(true)
// Get cropped image
if (editorRef.current) {
const fromCanvas = editorRef.current?.getImage()
@ -37,6 +39,7 @@ const AvatarEditorModal: React.FC<{
// Save the image to profile / site
updateSite.mutate({ site, icon: key })
setUploadFileProgress(false)
}
useEffect(() => {
@ -77,7 +80,7 @@ const AvatarEditorModal: React.FC<{
<Button
isBlock
onClick={useCropAndSave}
isLoading={updateSite.isLoading}
isLoading={uploadFileProgress || updateSite.isLoading}
>
Crop and Save
</Button>