added sticker viewing support

diff --git a/src/app/organisms/channel/ChannelViewContent.jsx b/src/app/organisms/channel/ChannelViewContent.jsx
index ad0586c39a8dea39d787438452c704ceb3b2c2ad..fa21897dd77b6532948cfa308ca59df1fb813651 100644 (file)
--- a/src/app/organisms/channel/ChannelViewContent.jsx
+++ b/src/app/organisms/channel/ChannelViewContent.jsx
@@ -55,6 +55,7 @@ function isMedia(mE) {
     || mE.getContent()?.msgtype === 'm.image'
     || mE.getContent()?.msgtype === 'm.audio'
     || mE.getContent()?.msgtype === 'm.video'
+    || mE.getType() === 'm.sticker'
   );
 }
 
@@ -71,7 +72,10 @@ function genMediaContent(mE) {
 
   if (typeof mediaMXC === 'undefined' || mediaMXC === '') return <span style={{ color: 'var(--bg-danger)' }}>Malformed event</span>;
 
-  switch (mE.getContent()?.msgtype) {
+  let msgType = mE.getContent()?.msgtype;
+  if (mE.getType() === 'm.sticker') msgType = 'm.image';
+
+  switch (msgType) {
     case 'm.file':
       return (
         <Media.File
@@ -457,6 +461,7 @@ function ChannelViewContent({
       mEvent.getType() !== 'm.room.message'
       && mEvent.getType() !== 'm.room.encrypted'
       && mEvent.getType() !== 'm.room.member'
+      && mEvent.getType() !== 'm.sticker'
     ) return false;
     if (mEvent.getRelation()?.rel_type === 'm.replace') return false;