From 7ba4a89c780b0ccd57653e2ed86e3d181867fe91 Mon Sep 17 00:00:00 2001
From: Github Actions <github-actions@github.com>
Date: Fri, 29 Sep 2023 12:57:10 -0500
Subject: [PATCH] feat: adding boost amount to sidebar items

---
 src/components/App/SideBar/Relevance/Episode/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/App/SideBar/Relevance/Episode/index.tsx b/src/components/App/SideBar/Relevance/Episode/index.tsx
index d3cbc8b034..1de2addb21 100644
--- a/src/components/App/SideBar/Relevance/Episode/index.tsx
+++ b/src/components/App/SideBar/Relevance/Episode/index.tsx
@@ -1,6 +1,6 @@
 import moment from 'moment'
 import styled from 'styled-components'
-import { Booster } from '~/components/Booster'
+import { BoostAmt } from '~/components/App/Helper/BoostAmt'
 import { Avatar } from '~/components/common/Avatar'
 import { Flex } from '~/components/common/Flex'
 import { FlexboxProps } from '~/components/common/Flex/flexbox'
@@ -84,8 +84,6 @@ export const Episode = ({
           {!isSelectedView && (
             <Flex align="center" pr={16}>
               <Avatar src={imageUrl} type={type || ''} />
-
-              {false && <Booster count={boostCount} readOnly />}
             </Flex>
           )}
 
@@ -100,7 +98,7 @@ export const Episode = ({
             <Flex direction="row" justify="flex-start">
               {Boolean(date) && <Date>{moment.unix(date).format('ll')}</Date>}
               {Boolean(title) && <Title>{title}</Title>}
-              {false && <Booster count={boostCount} />}
+              {(!isSelectedView && boostCount > 0) && <Flex style={{marginLeft: 'auto'}}><BoostAmt amt={boostCount} readOnly /></Flex>}
             </Flex>
           </Flex>
         </Flex>
@@ -155,6 +153,7 @@ export const Title = styled(Date)`
   flex-direction: row;
   align-items: center;
   flex-shrink: 1;
+  max-width: 100px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;