* add icons * add logic to change the icon * make the active menu bold * Encapsulate the dynamic icon behaviour into a self-contained component Co-authored-by: Deluan <deluan@navidrome.org>
16 lines
399 B
JavaScript
16 lines
399 B
JavaScript
import React from 'react'
|
|
import ArtistList from './ArtistList'
|
|
import DynamicMenuIcon from '../layout/DynamicMenuIcon'
|
|
import MicNoneOutlinedIcon from '@material-ui/icons/MicNoneOutlined'
|
|
import MicIcon from '@material-ui/icons/Mic'
|
|
|
|
export default {
|
|
list: ArtistList,
|
|
icon: (
|
|
<DynamicMenuIcon
|
|
path={'artist'}
|
|
icon={MicNoneOutlinedIcon}
|
|
activeIcon={MicIcon}
|
|
/>
|
|
),
|
|
}
|