Skip to content

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

replace favorite icon on banner

parent 6d330329
Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 4 deletions
ui/marketplace/Banner/FeaturedApp.tsx
View file @ 201972cb
...@@ -32,6 +32,7 @@ const FeaturedApp = ({ ...@@ -32,6 +32,7 @@ const FeaturedApp = ({
const categoriesLabel = categories.join(', '); const categoriesLabel = categories.join(', ');
const backgroundColor = useColorModeValue('purple.50', 'whiteAlpha.100'); const backgroundColor = useColorModeValue('purple.50', 'whiteAlpha.100');
const heartFilledColor = useColorModeValue('blue.700', 'gray.400');
const handleInfoClick = useCallback((event: MouseEvent) => { const handleInfoClick = useCallback((event: MouseEvent) => {
event.preventDefault(); event.preventDefault();
...@@ -135,10 +136,13 @@ const FeaturedApp = ({ ...@@ -135,10 +136,13 @@ const FeaturedApp = ({
w={ 9 } w={ 9 }
h={ 8 } h={ 8 }
onClick={ handleFavoriteClick } onClick={ handleFavoriteClick }
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