diff --git a/app/images/avatar-missing.png b/app/images/avatar-missing.png new file mode 100644 index 000000000..b3e6b5709 Binary files /dev/null and b/app/images/avatar-missing.png differ diff --git a/app/images/avatar-missing.svg b/app/images/avatar-missing.svg new file mode 100644 index 000000000..7eb156089 --- /dev/null +++ b/app/images/avatar-missing.svg @@ -0,0 +1,116 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/app/soapbox/actions/importer/normalizer.js b/app/soapbox/actions/importer/normalizer.js index 0f3f2da6e..7c5aa8bd3 100644 --- a/app/soapbox/actions/importer/normalizer.js +++ b/app/soapbox/actions/importer/normalizer.js @@ -19,6 +19,8 @@ export function normalizeAccount(account) { if (!account.emojis) account.emojis = []; if (!account.display_name) account.display_name = ''; if (!account.note) account.note = ''; + if (!account.avatar) account.avatar = account.avatar_static || require('images/avatar-missing.png'); + if (!account.avatar_static) account.avatar_static = account.avatar; const emojiMap = makeEmojiMap(account); const displayName = account.display_name.trim().length === 0 ? account.username : account.display_name; diff --git a/app/soapbox/components/avatar.js b/app/soapbox/components/avatar.js index d0df7959b..1bbca72cc 100644 --- a/app/soapbox/components/avatar.js +++ b/app/soapbox/components/avatar.js @@ -28,22 +28,14 @@ export default class Avatar extends React.PureComponent { height: `${size}px`, }; - // Only render the image if src is provided - if (account.get('avatar')) { - return ( - - ); - } else { - // Fall back on rendering an empty div - return ( -
- ); - } + return ( + + ); } }