From f0e3ec650dd09f9ef6aac598e0e627c0d5e62238 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Wed, 23 Oct 2024 13:37:27 +0300
Subject: [PATCH] web/roomview: fix placeholder avatars in room view header

---
 web/src/ui/RoomView.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/ui/RoomView.tsx b/web/src/ui/RoomView.tsx
index 09e4c7a..436575e 100644
--- a/web/src/ui/RoomView.tsx
+++ b/web/src/ui/RoomView.tsx
@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 import { use, useRef } from "react"
-import { getMediaURL } from "@/api/media.ts"
+import { getAvatarURL } from "@/api/media.ts"
 import { RoomStateStore } from "@/api/statestore"
 import { EventID } from "@/api/types"
 import { useNonNullEventAsState } from "@/util/eventdispatcher.ts"
@@ -31,12 +31,14 @@ interface RoomViewProps {
 
 const RoomHeader = ({ room, clearActiveRoom }: RoomViewProps) => {
 	const roomMeta = useNonNullEventAsState(room.meta)
+	const avatarSourceID = roomMeta.lazy_load_summary?.heroes?.length === 1
+		? roomMeta.lazy_load_summary.heroes[0] : room.roomID
 	return <div className="room-header">
 		<button className="back" onClick={clearActiveRoom}><BackIcon/></button>
 		<img
 			className="avatar"
 			loading="lazy"
-			src={getMediaURL(roomMeta.avatar)}
+			src={getAvatarURL(avatarSourceID, { avatar_url: roomMeta.avatar, displayname: roomMeta.name })}
 			onClick={use(LightboxContext)!}
 			alt=""
 		/>