Skip to content

F
frontend
Commit cb4d8e8e authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

replace favorite icon

parent 5c85b6c7
Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 4 deletions
ui/marketplace/Banner/FeaturedAppMobile.tsx
View file @ cb4d8e8e
...@@ -36,6 +36,7 @@ const FeaturedAppMobile = ({ ...@@ -36,6 +36,7 @@ const FeaturedAppMobile = ({
const categoriesLabel = categories.join(', '); const categoriesLabel = categories.join(', ');
const logoUrl = useColorModeValue(logo, logoDarkMode || logo); const logoUrl = useColorModeValue(logo, logoDarkMode || logo);
const heartFilledColor = useColorModeValue('blue.700', 'gray.400');
return ( return (
<LinkBox <LinkBox
...@@ -144,10 +145,13 @@ const FeaturedAppMobile = ({ ...@@ -144,10 +145,13 @@ const FeaturedAppMobile = ({
w={ 9 } w={ 9 }
h={ 8 } h={ 8 }
onClick={ onFavoriteClick } onClick={ onFavoriteClick }
icon={ isFavorite ? icon={ (
<IconSvg name="star_filled" w={ 5 } h={ 5 } color="yellow.400"/> : <IconSvg
<IconSvg name="star_outline" w={ 5 } h={ 5 } color="gray.400"/> name={ isFavorite ? 'heart_filled' : 'heart_outline' }
} color={ isFavorite ? heartFilledColor : 'gray.400' }
boxSize={ 5 }
/>
) }
/> />
) } ) }
</Flex> </Flex>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment