From 47fd406714c78f82c721517de6c5d9951cc4db1d Mon Sep 17 00:00:00 2001
From: Rakov Roman <roman.rakov@instatsport.com>
Date: Wed, 28 Sep 2022 18:53:28 +0300
Subject: [PATCH] fix(#2857): converted size from px to rem

---
 src/components/SportIcon/SportIcon.tsx                          | 2 +-
 src/features/Icon/index.tsx                                     | 2 +-
 src/features/ItemsList/index.tsx                                | 2 +-
 .../PreferencesPopup/components/TournamentInfo/index.tsx        | 2 +-
 .../TournamentList/components/CollapseTournament/index.tsx      | 2 +-
 src/features/TournamentSubtitle/index.tsx                       | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/SportIcon/SportIcon.tsx b/src/components/SportIcon/SportIcon.tsx
index 31519dc3..e28d1f7d 100644
--- a/src/components/SportIcon/SportIcon.tsx
+++ b/src/components/SportIcon/SportIcon.tsx
@@ -11,7 +11,7 @@ const IconWrap = styled.div`
 
 type Props = {
   fill?: string,
-  size?: number,
+  size?: number | string,
   sport: SportTypes,
 }
 
diff --git a/src/features/Icon/index.tsx b/src/features/Icon/index.tsx
index e6ebc5d8..9cfc61dc 100644
--- a/src/features/Icon/index.tsx
+++ b/src/features/Icon/index.tsx
@@ -7,7 +7,7 @@ export type IconProps = {
   direction?: number,
   onClick?: () => void,
   refIcon: any,
-  size?: number,
+  size?: number | string,
   styles?: any,
 }
 
diff --git a/src/features/ItemsList/index.tsx b/src/features/ItemsList/index.tsx
index a0880f7e..5788b6d3 100644
--- a/src/features/ItemsList/index.tsx
+++ b/src/features/ItemsList/index.tsx
@@ -52,7 +52,7 @@ export const ItemsList = ({
         >
           <Name nameObj={item} />
           <ItemInfo>
-            <SportIcon size={isMobileDevice ? 10 : 20} sport={item.sport} />
+            <SportIcon size={isMobileDevice ? 10 : '0.65rem'} sport={item.sport} />
             {item.additionalInfo && (
               <Fragment>
                 <Flag src={`https://instatscout.com/images/flags/48/${item.additionalInfo.id}.png`} />
diff --git a/src/features/PreferencesPopup/components/TournamentInfo/index.tsx b/src/features/PreferencesPopup/components/TournamentInfo/index.tsx
index e6fd7881..b168cf29 100644
--- a/src/features/PreferencesPopup/components/TournamentInfo/index.tsx
+++ b/src/features/PreferencesPopup/components/TournamentInfo/index.tsx
@@ -50,7 +50,7 @@ export const TournamentInfo = ({
   <Wrapper>
     <StyledName nameObj={tournament} className='title' prefix={prefix} />
     <ItemInfo>
-      {isIcon && <SportIcon sport={tournament.sport} />}
+      {isIcon && <SportIcon size={isMobileDevice ? 10 : '0.65rem'} sport={tournament.sport} />}
       <Flag src={`https://instatscout.com/images/flags/48/${tournament.country.id}.png`} />
       <TeamOrCountry nameObj={tournament.country} />
     </ItemInfo>
diff --git a/src/features/TournamentList/components/CollapseTournament/index.tsx b/src/features/TournamentList/components/CollapseTournament/index.tsx
index c5bd849d..25c52994 100644
--- a/src/features/TournamentList/components/CollapseTournament/index.tsx
+++ b/src/features/TournamentList/components/CollapseTournament/index.tsx
@@ -70,7 +70,7 @@ export const CollapseTournament = ({
         <Info>
           <FirstInfo>
             <SportIcon
-              size={20}
+              size='0.65rem'
               fill='#ffffff'
               sport={sportType}
             />
diff --git a/src/features/TournamentSubtitle/index.tsx b/src/features/TournamentSubtitle/index.tsx
index b29f3a65..621740f7 100644
--- a/src/features/TournamentSubtitle/index.tsx
+++ b/src/features/TournamentSubtitle/index.tsx
@@ -42,7 +42,7 @@ export const TournamentSubtitle = ({
       {!isLffClient && (
         <Fragment>
           <SportIcon
-            size={isMobileDevice ? 10 : 20}
+            size={isMobileDevice ? 10 : '0.65rem'}
             sport={sportType ?? sportTypeFromUrl}
           />
           <CountryFlag src={`https://instatscout.com/images/flags/48/${countryId}.png`} />