From d7e3e70430f18800a0cbfe0e43f66c3326246721 Mon Sep 17 00:00:00 2001
From: unknown <ajbura@gmail.com>
Date: Tue, 17 Aug 2021 17:04:21 +0530
Subject: [PATCH] Fixed #59 : Consistant channel avatar bg

---
 src/app/molecules/channel-intro/ChannelIntro.jsx | 5 +++--
 src/app/organisms/channel/ChannelViewContent.jsx | 1 +
 src/app/organisms/channel/ChannelViewHeader.jsx  | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/molecules/channel-intro/ChannelIntro.jsx b/src/app/molecules/channel-intro/ChannelIntro.jsx
index 84c0c14..362dc14 100644
--- a/src/app/molecules/channel-intro/ChannelIntro.jsx
+++ b/src/app/molecules/channel-intro/ChannelIntro.jsx
@@ -13,11 +13,11 @@ function linkifyContent(content) {
 }
 
 function ChannelIntro({
-  avatarSrc, name, heading, desc, time,
+  roomId, avatarSrc, name, heading, desc, time,
 }) {
   return (
     <div className="channel-intro">
-      <Avatar imageSrc={avatarSrc} text={name.slice(0, 1)} bgColor={colorMXID(name)} size="large" />
+      <Avatar imageSrc={avatarSrc} text={name.slice(0, 1)} bgColor={colorMXID(roomId)} size="large" />
       <div className="channel-intro__content">
         <Text className="channel-intro__name" variant="h1">{heading}</Text>
         <Text className="channel-intro__desc" variant="b1">{linkifyContent(desc)}</Text>
@@ -33,6 +33,7 @@ ChannelIntro.defaultProps = {
 };
 
 ChannelIntro.propTypes = {
+  roomId: PropTypes.string.isRequired,
   avatarSrc: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.bool,
diff --git a/src/app/organisms/channel/ChannelViewContent.jsx b/src/app/organisms/channel/ChannelViewContent.jsx
index b745209..e4eceb6 100644
--- a/src/app/organisms/channel/ChannelViewContent.jsx
+++ b/src/app/organisms/channel/ChannelViewContent.jsx
@@ -127,6 +127,7 @@ function genChannelIntro(mEvent, roomTimeline) {
   return (
     <ChannelIntro
       key={mEvent ? mEvent.getId() : Math.random().toString(20).substr(2, 6)}
+      roomId={roomTimeline.roomId}
       avatarSrc={avatarSrc}
       name={roomTimeline.room.name}
       heading={`Welcome to ${roomTimeline.room.name}`}
diff --git a/src/app/organisms/channel/ChannelViewHeader.jsx b/src/app/organisms/channel/ChannelViewHeader.jsx
index c164923..f89b634 100644
--- a/src/app/organisms/channel/ChannelViewHeader.jsx
+++ b/src/app/organisms/channel/ChannelViewHeader.jsx
@@ -27,7 +27,7 @@ function ChannelViewHeader({ roomId }) {
 
   return (
     <Header>
-      <Avatar imageSrc={avatarSrc} text={roomName.slice(0, 1)} bgColor={colorMXID(roomName)} size="small" />
+      <Avatar imageSrc={avatarSrc} text={roomName.slice(0, 1)} bgColor={colorMXID(roomId)} size="small" />
       <TitleWrapper>
         <Text variant="h2">{roomName}</Text>
         { typeof roomTopic !== 'undefined' && <p title={roomTopic} className="text text-b3">{roomTopic}</p>}