From f6418de5c95b02ee7d56ccfd88ddd85c03e37987 Mon Sep 17 00:00:00 2001
From: Farber Denis <dsnakez11@yandex.ru>
Date: Wed, 9 Nov 2022 16:37:03 +0300
Subject: [PATCH] fix(#in161): min fix2

---
 .../components/GroupBlock/index.tsx           | 39 +++++++++----------
 .../components/GroupBlock/styled.tsx          |  5 +++
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/features/FavoritesMobilePopup/components/GroupBlock/index.tsx b/src/features/FavoritesMobilePopup/components/GroupBlock/index.tsx
index 9dc95b6b..953fa505 100644
--- a/src/features/FavoritesMobilePopup/components/GroupBlock/index.tsx
+++ b/src/features/FavoritesMobilePopup/components/GroupBlock/index.tsx
@@ -6,7 +6,6 @@ import type { UserFavorites } from 'requests/getUserSportFavs'
 import { T9n } from 'features/T9n'
 import { SportIcon } from 'components/SportIcon/SportIcon'
 import { useLexicsStore } from 'features/LexicsStore'
-import { ProfileLink } from 'features/ProfileLink'
 import { UserSportFavImgWrapper } from 'features/UserFavorites/styled'
 import { Flag } from 'features/ItemsList/styled'
 
@@ -21,6 +20,7 @@ import {
   SportItemLogoWrapper,
   Arrows,
   TitleWrapper,
+  FavLink,
   Name,
 } from './styled'
 
@@ -51,31 +51,30 @@ export const GroupBlock = ({ groupBlock }: Props) => {
           const { countryOrTeam, name } = favoriteItemNames
 
           return (
-            <Item key={item.id}>
-              <SportItemLogoWrapper>
-                <ProfileLink
-                  id={item.id}
-                  sportType={item.sport}
-                  profileType={item.type}
-                >
+            <FavLink
+              id={item.id}
+              sportType={item.sport}
+              profileType={item.type}
+            >
+              <Item key={item.id}>
+                <SportItemLogoWrapper>
                   <UserSportFavImgWrapper
                     id={item.id}
                     altNameObj={item}
                     sportType={item.sport}
                     profileType={item.type}
                   />
-                </ProfileLink>
-              </SportItemLogoWrapper>
-
-              <EmptyDiv>
-                <Name>{name}</Name>
-                <CountryAndTeamInfo>
-                  <SportIcon sport={item.sport} size={10} />
-                  <Flag src={`https://instatscout.com/images/flags/48/${item.info.country?.id}.png`} />
-                  <EmptySpan>{countryOrTeam}</EmptySpan>
-                </CountryAndTeamInfo>
-              </EmptyDiv>
-            </Item>
+                </SportItemLogoWrapper>
+                <EmptyDiv>
+                  <Name>{name}</Name>
+                  <CountryAndTeamInfo>
+                    <SportIcon sport={item.sport} size={10} />
+                    <Flag src={`https://instatscout.com/images/flags/48/${item.info.country?.id}.png`} />
+                    <EmptySpan>{countryOrTeam}</EmptySpan>
+                  </CountryAndTeamInfo>
+                </EmptyDiv>
+              </Item>
+            </FavLink>
           )
         })}
       </ContentWrapper>
diff --git a/src/features/FavoritesMobilePopup/components/GroupBlock/styled.tsx b/src/features/FavoritesMobilePopup/components/GroupBlock/styled.tsx
index c30ece82..a7e97e0a 100644
--- a/src/features/FavoritesMobilePopup/components/GroupBlock/styled.tsx
+++ b/src/features/FavoritesMobilePopup/components/GroupBlock/styled.tsx
@@ -1,6 +1,7 @@
 import styled from 'styled-components/macro'
 
 import { devices } from 'config'
+import { ProfileLink } from 'features/ProfileLink'
 import { UserSportFavItemLogoWrapper } from 'features/UserFavorites/styled'
 
 type Props = {
@@ -82,6 +83,10 @@ export const Name = styled.div`
   }
 `
 
+export const FavLink = styled(ProfileLink)`
+  color: inherit;
+`
+
 export const EmptySpan = styled.span``
 
 export const EmptyDiv = styled.div``