mirror of https://github.com/tootsuite/mastodon
Fix profile setup showing default avatar in web UI (#28453)
parent
d29b1cca2e
commit
01f0a6ca4f
|
@ -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 New Issue