mirror of https://github.com/langgenius/dify.git
fix: avatar is not updated after setted (#25414)
This commit is contained in:
parent
ac2aa967c4
commit
4c92e63b0b
|
|
@ -43,9 +43,9 @@ const AvatarWithEdit = ({ onSave, ...props }: AvatarWithEditProps) => {
|
||||||
const handleSaveAvatar = useCallback(async (uploadedFileId: string) => {
|
const handleSaveAvatar = useCallback(async (uploadedFileId: string) => {
|
||||||
try {
|
try {
|
||||||
await updateUserProfile({ url: 'account/avatar', body: { avatar: uploadedFileId } })
|
await updateUserProfile({ url: 'account/avatar', body: { avatar: uploadedFileId } })
|
||||||
notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
|
|
||||||
setIsShowAvatarPicker(false)
|
setIsShowAvatarPicker(false)
|
||||||
onSave?.()
|
onSave?.()
|
||||||
|
notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
|
||||||
}
|
}
|
||||||
catch (e) {
|
catch (e) {
|
||||||
notify({ type: 'error', message: (e as Error).message })
|
notify({ type: 'error', message: (e as Error).message })
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
'use client'
|
'use client'
|
||||||
import { useState } from 'react'
|
import { useEffect, useState } from 'react'
|
||||||
import cn from '@/utils/classnames'
|
import cn from '@/utils/classnames'
|
||||||
|
|
||||||
export type AvatarProps = {
|
export type AvatarProps = {
|
||||||
|
|
@ -27,6 +27,12 @@ const Avatar = ({
|
||||||
onError?.(true)
|
onError?.(true)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// after uploaded, api would first return error imgs url: '.../files//file-preview/...'. Then return the right url, Which caused not show the avatar
|
||||||
|
useEffect(() => {
|
||||||
|
if(avatar && imgError)
|
||||||
|
setImgError(false)
|
||||||
|
}, [avatar])
|
||||||
|
|
||||||
if (avatar && !imgError) {
|
if (avatar && !imgError) {
|
||||||
return (
|
return (
|
||||||
<img
|
<img
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue