<img src={star} alt="star" onClick={() => addFavoriteChanel(index)} id={index} className={`star ${favorite <b>=== index</b> ? 'active' : ''}`} />
const [favorite, setFavorite] = useState(0);
const addFavoriteChanel = (index) => {
if(favorite === index) {
setFavorite(0);
} else {
setFavorite(index)
}
}
@keyframes test {
from {
background: linear-gradient(to right, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.30) 100%, transparent);
}
50% {
background-color: grey;
}
to {
background: linear-gradient(to right, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.30) 100%, transparent);
}
}