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 ( - - - + + + - - - - - {name} - - - - {countryOrTeam} - - - + + + {name} + + + + {countryOrTeam} + + + + ) })} 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``