AO
Size: a a a
AO
IK
JB
IK
IK
IE
IK
IK
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;
VK
PD
IE
IK
Г(
const IconType = {
DESKTOP: 'desktop',
MOBILE: 'mobile',
}
const icons = {
popular: {
[IconType.DESKTOP]: <Popular />,
[IconType.MOBILE]: <PopularMobile />,
},
hd: {
[IconType.DESKTOP]: <Hd />,
[IconType.MOBILE]: <HdMobile />,
},
...
}
const TabIconComponent = ({ id, isMobile }) => icons[id][isMobile ? [IconType.MOBILE] : [IconType.DESKTOP]] || null
...PD
PD
M
Г(
PD
Г(
tablet, будет еще интересней)