chore: update icon heart to stars

This commit is contained in:
Faisal Amir 2025-08-05 10:32:05 +07:00
parent fcfae4127e
commit fb15687388

View File

@ -1,4 +1,4 @@
import { IconHeart, IconHeartFilled } from '@tabler/icons-react' import { IconStar, IconStarFilled } from '@tabler/icons-react'
import { useFavoriteModel } from '@/hooks/useFavoriteModel' import { useFavoriteModel } from '@/hooks/useFavoriteModel'
interface FavoriteModelActionProps { interface FavoriteModelActionProps {
@ -10,14 +10,15 @@ export function FavoriteModelAction({ model }: FavoriteModelActionProps) {
const isModelFavorite = isFavorite(model.id) const isModelFavorite = isFavorite(model.id)
return ( return (
<div aria-label="Toggle favorite" <div
aria-label="Toggle favorite"
className="size-6 cursor-pointer flex items-center justify-center rounded hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out" className="size-6 cursor-pointer flex items-center justify-center rounded hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out"
onClick={() => toggleFavorite(model)} onClick={() => toggleFavorite(model)}
> >
{isModelFavorite ? ( {isModelFavorite ? (
<IconHeartFilled size={18} className="text-main-view-fg" /> <IconStarFilled size={18} className="text-main-view-fg" />
) : ( ) : (
<IconHeart size={18} className="text-main-view-fg/50" /> <IconStar size={18} className="text-main-view-fg/50" />
)} )}
</div> </div>
) )