diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc index 9e0f9405a8..cced368d48 100644 --- a/website/src/js/channel-preview.jsc +++ b/website/src/js/channel-preview.jsc @@ -377,6 +377,8 @@ const STYLE = ` } `; +const DEFAULT_AVATAR = 'data:image/svg+xml,' + encodeURIComponent(''); + const TAIL_SVG = ``; const FILE_ICON_SVG = ``; @@ -457,9 +459,8 @@ function renderHeader(channel, groupLink, subscriberCount) { const avatar = document.createElement('img'); avatar.className = 'simplex-preview-header-avatar'; - avatar.src = channel.image ? channel.image : '/img/group.svg'; + avatar.src = channel.image || DEFAULT_AVATAR; avatar.alt = channel.displayName; - avatar.addEventListener('error', () => avatar.src = '/img/group.svg'); header.appendChild(avatar); const info = document.createElement('div'); @@ -553,9 +554,8 @@ function renderMessages(container, messages, membersMap) { if (showAvatar && member) { const avatarImg = document.createElement('img'); avatarImg.className = 'simplex-preview-msg-avatar'; - avatarImg.src = member.image || '/img/group.svg'; + avatarImg.src = member.image || DEFAULT_AVATAR; avatarImg.alt = member.displayName; - avatarImg.addEventListener('error', () => avatarImg.src = '/img/group.svg'); row.appendChild(avatarImg); } else { const spacer = document.createElement('div');