From 005b60606704b1b970c0a9247714ed34ce870790 Mon Sep 17 00:00:00 2001
From: Evgeny Poberezkin <evgeny@poberezkin.com>
Date: Mon, 22 Sep 2025 09:04:24 +0100
Subject: [PATCH] directory: show default image in case of loading error (can
 happen when group is delisted)

---
 website/src/js/directory.js | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/website/src/js/directory.js b/website/src/js/directory.js
index e02fefcd1e..e198231c60 100644
--- a/website/src/js/directory.js
+++ b/website/src/js/directory.js
@@ -250,22 +250,23 @@ function displayEntries(entries) {
         textContainer.appendChild(memberCountElement);
       }
 
-      const imgElement = document.createElement('a');
-      imgSource =
-        imageFile
-          ? directoryDataURL + imageFile
-          : "/img/group.svg";
-      imgElement.innerHTML = `<img src="${imgSource}" alt="${displayName}">`;
+      const imgLinkElement = document.createElement('a');
       const groupLinkUri = groupLink.connShortLink ?? groupLink.connFullLink
       try {
-        imgElement.href = platformSimplexUri(groupLinkUri);
+        imgLinkElement.href = platformSimplexUri(groupLinkUri);
       } catch(e) {
         console.log(e);
-        imgElement.href = groupLinkUri;
+        imgLinkElement.href = groupLinkUri;
       }
-      imgElement.target = "_blank";
-      imgElement.title = `Join ${displayName}`;
-      entryDiv.appendChild(imgElement);
+      imgLinkElement.target = "_blank";
+      imgLinkElement.title = `Join ${displayName}`;
+
+      const imgElement = document.createElement('img');
+      imgElement.src = imageFile ? directoryDataURL + imageFile : '/img/group.svg';
+      imgElement.alt = displayName;
+      imgElement.addEventListener('error', () => imgElement.src = '/img/group.svg');
+      imgLinkElement.appendChild(imgElement);
+      entryDiv.appendChild(imgLinkElement);
 
       entryDiv.appendChild(textContainer);
       directory.appendChild(entryDiv);