[Glitch] Fix profile setup showing default avatar in web UI
Port 01f0a6ca4f to glitch-soc
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
			
			
This commit is contained in:
		
							parent
							
								
									b534532eaf
								
							
						
					
					
						commit
						a7bad8f45c
					
				
					 1 changed files with 4 additions and 2 deletions
				
			
		| 
						 | 
					@ -26,6 +26,8 @@ const messages = defineMessages({
 | 
				
			||||||
  uploadAvatar: { id: 'onboarding.profile.upload_avatar', defaultMessage: 'Upload profile picture' },
 | 
					  uploadAvatar: { id: 'onboarding.profile.upload_avatar', defaultMessage: 'Upload profile picture' },
 | 
				
			||||||
});
 | 
					});
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const nullIfMissing = path => path.endsWith('missing.png') ? null : path;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const Profile = () => {
 | 
					export const Profile = () => {
 | 
				
			||||||
  const account = useAppSelector(state => state.getIn(['accounts', me]));
 | 
					  const account = useAppSelector(state => state.getIn(['accounts', me]));
 | 
				
			||||||
  const [displayName, setDisplayName] = useState(account.get('display_name'));
 | 
					  const [displayName, setDisplayName] = useState(account.get('display_name'));
 | 
				
			||||||
| 
						 | 
					@ -61,8 +63,8 @@ export const Profile = () => {
 | 
				
			||||||
    setHeader(e.target?.files?.[0]);
 | 
					    setHeader(e.target?.files?.[0]);
 | 
				
			||||||
  }, [setHeader]);
 | 
					  }, [setHeader]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const avatarPreview = useMemo(() => avatar ? URL.createObjectURL(avatar) : account.get('avatar'), [avatar, account]);
 | 
					  const avatarPreview = useMemo(() => avatar ? URL.createObjectURL(avatar) : nullIfMissing(account.get('avatar')), [avatar, account]);
 | 
				
			||||||
  const headerPreview = useMemo(() => header ? URL.createObjectURL(header) : account.get('header'), [header, account]);
 | 
					  const headerPreview = useMemo(() => header ? URL.createObjectURL(header) : nullIfMissing(account.get('header')), [header, account]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const handleSubmit = useCallback(() => {
 | 
					  const handleSubmit = useCallback(() => {
 | 
				
			||||||
    setIsSaving(true);
 | 
					    setIsSaving(true);
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue