From d4fa45b25744532df51de54db97b4a7f2c71fe55 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 26 Apr 2021 00:15:35 -0400
Subject: [PATCH] fix hyperchat size when thumbanil is gif and fix totalAmount
 calculation

---
 ui/component/common/icon-custom.jsx  | 2 +-
 ui/component/livestreamList/view.jsx | 1 +
 ui/redux/reducers/comments.js        | 2 +-
 ui/scss/component/_livestream.scss   | 2 ++
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/component/common/icon-custom.jsx b/ui/component/common/icon-custom.jsx
index 63fcb9fac..21bb157a9 100644
--- a/ui/component/common/icon-custom.jsx
+++ b/ui/component/common/icon-custom.jsx
@@ -1336,7 +1336,7 @@ export const icons = {
     <svg
       {...props}
       xmlns="http://www.w3.org/2000/svg"
-      viewBox="2 0 24 24"
+      viewBox="0 0 24 24"
       width={props.size || '18'}
       height={props.size || '18'}
       fill="currentColor"
diff --git a/ui/component/livestreamList/view.jsx b/ui/component/livestreamList/view.jsx
index c4aa836b9..bb34825b4 100644
--- a/ui/component/livestreamList/view.jsx
+++ b/ui/component/livestreamList/view.jsx
@@ -57,6 +57,7 @@ export default function LivestreamList() {
       {livestreamMap && Object.keys(livestreamMap).length > 0 && (
         <ClaimTilesDiscover
           hasNoSource
+          streamTypes={null}
           channelIds={Object.keys(livestreamMap)}
           limitClaimsPerChannel={1}
           renderProperties={(claim) => {
diff --git a/ui/redux/reducers/comments.js b/ui/redux/reducers/comments.js
index 45b995a1f..c94236072 100644
--- a/ui/redux/reducers/comments.js
+++ b/ui/redux/reducers/comments.js
@@ -296,7 +296,7 @@ export default handleActions(
           }
 
           superChatsByUri[uri].comments = sortedSuperChatComments;
-          superChatsByUri[uri].totalAmount += 1;
+          superChatsByUri[uri].totalAmount += comment.support_amount;
         } else {
           superChatsByUri[uri] = { comments: [comment], totalAmount: comment.support_amount };
         }
diff --git a/ui/scss/component/_livestream.scss b/ui/scss/component/_livestream.scss
index a0f2ef030..fc1102d03 100644
--- a/ui/scss/component/_livestream.scss
+++ b/ui/scss/component/_livestream.scss
@@ -129,6 +129,7 @@ $discussion-header__height: 3rem;
   margin-left: var(--spacing-s);
 
   .channel-thumbnail {
+    @include handleChannelGif(2rem);
     margin-top: var(--spacing-xxs);
     flex-shrink: 0;
   }
@@ -242,6 +243,7 @@ $discussion-header__height: 3rem;
 
   .channel-thumbnail {
     margin-right: var(--spacing-xs);
+    @include handleChannelGif(2rem);
   }
 
   &:first-of-type {