diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx index cd796035843..2e668411333 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Users/Users.component.tsx @@ -784,6 +784,12 @@ const Users = ({ prepareSelectedTeams(); }, [userData]); + useEffect(() => { + if (image) { + SetIsImgUrlValid(true); + } + }, [image]); + const getEntityData = useCallback( (entityData: EntityReference[], tabNumber: number) => { const updatedEntityData = filterEntityAssets(entityData || []); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/nav-bar/NavBar.tsx b/openmetadata-ui/src/main/resources/ui/src/components/nav-bar/NavBar.tsx index 09f497e93a2..a5c3e3477db 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/nav-bar/NavBar.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/nav-bar/NavBar.tsx @@ -64,6 +64,11 @@ const NavBar = ({ handleKeyDown, handleOnClick, }: NavBarProps) => { + // get current user details + const currentUser = useMemo( + () => AppState.getCurrentUserDetails(), + [AppState.userDetails, AppState.nonSecureUserDetails] + ); const history = useHistory(); const [searchIcon, setSearchIcon] = useState('icon-searchv1'); const [suggestionSearch, setSuggestionSearch] = useState(''); @@ -75,8 +80,8 @@ const NavBar = ({ const [isImgUrlValid, SetIsImgUrlValid] = useState(true); const profilePicture = useMemo( - () => AppState?.userDetails?.profile?.images?.image512, - [AppState] + () => currentUser?.profile?.images?.image512, + [currentUser] ); const { socket } = useWebSocketConnector(); @@ -212,6 +217,12 @@ const NavBar = ({ }; }, [socket]); + useEffect(() => { + if (profilePicture) { + SetIsImgUrlValid(true); + } + }, [profilePicture]); + return ( <>