From 57f2f699ac6a9831e2e25d6d4a67a923ef215484 Mon Sep 17 00:00:00 2001
From: Igor <12849336+DoubleCookies@users.noreply.github.com>
Date: Wed, 14 Jul 2021 20:28:45 +0300
Subject: [PATCH] Badges multiplier near icon (#588)

* Badges multiplier near icon

* format

* Hide multiplier if only x1

Co-authored-by: Kalle <38327916+Sendouc@users.noreply.github.com>
---
 components/u/BadgeContainer.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/u/BadgeContainer.tsx b/components/u/BadgeContainer.tsx
index 13c67097b..3a4db13ba 100644
--- a/components/u/BadgeContainer.tsx
+++ b/components/u/BadgeContainer.tsx
@@ -44,17 +44,24 @@ const BadgeContainer = ({
                 </Flex>
               </Fragment>
             );
-          return new Array(badge.count).fill(null).map((_, i) => {
-            return (
+          return (
+            <Fragment key={badge.src}>
               <ChakraImage
-                key={`${badge.src}-${i}`}
+                key={`${badge.src}`}
                 w={10}
                 h={10}
                 m={1}
                 src={`/badges/${badge.src}`}
               />
-            );
-          });
+              <Text
+                fontSize="sm"
+                style={{marginLeft: -5, marginTop: -25, paddingRight: 5, fontSize: '0.7rem', fontWeight: 'bold' }}
+                visibility={badge.count === 1 ? "hidden" : "visible"}
+              >
+                {`x${badge.count}`}
+              </Text>
+            </Fragment>
+          )
         })}
     </Flex>
   );