П
Подписаться | Предложить новость
Size: a a a
П
V🦖
GK
PD
// все импорты svg такие
import Total from "public/images/tabs/desktop/total.svg";
const icons = {
popular: <Popular />,
hd: <Hd />,
audio: <Audio />,
total: <Total />,
};
const mobileIcons = {
popular: <PopularMobile />,
hd: <HdMobile />,
audio: <AudioMobile />,
total: <TotalMobile />,
};
const TabIconComponent = ({ id, isMobile }) => {
if (isMobile) {
return mobileIcons?.[id] || null;
}
return icons?.[id] || null;
};
export default TabIconComponent;
NM
const icons = {
popular: [<Popular />, <PopularMobile />],
hd: [<Hd />, <HdMobile />],
audio: [<Audio />, <AudioMobile />],
total: [<Total />, <TotalMobile />]
};
const TabIconComponent = ({ id, isMobile }) => icons[id]?.[isMobile ? 1 : 0];
PD
PD
NM
PD
PD
& svg path {
fill: ${({ isActive }) => (isActive ? цвет1 : цвет2)};
}
A
OH
V🦖
OH