@@ -11,6 +11,10 @@ const styles = {
1111margin :0 ,
1212height :'100%' ,
1313} ,
14+ active :{
15+ color :'white' ,
16+ backgroundColor :'rgb(85, 132, 255)' ,
17+ } ,
1418itemText :{
1519marginLeft :'0.5rem' ,
1620} ,
@@ -37,16 +41,31 @@ const SideMenu = (props: Props) => {
3741onClose = { onMenuClose }
3842>
3943< Menu style = { styles . menu } defaultOpenKeys = "sub-menu" >
40- < Item key = "level" disabled = { props . page === 'level' } onClick = { ( ) => props . setPage ( 'level' ) } >
44+ < Item
45+ key = "level"
46+ disabled = { props . page === 'level' }
47+ style = { props . page === 'level' ?styles . active :{ } }
48+ onClick = { ( ) => props . setPage ( 'level' ) }
49+ >
4150< Icon type = "detail" size = "small" color = "#EBEBEB" />
4251< span style = { styles . itemText } > Level</ span >
4352</ Item >
44- < Item key = "review" disabled = { props . page === 'review' } onClick = { ( ) => props . setPage ( 'review' ) } >
53+ < Item
54+ key = "review"
55+ disabled = { props . page === 'review' }
56+ style = { props . page === 'review' ?styles . active :{ } }
57+ onClick = { ( ) => props . setPage ( 'review' ) }
58+ >
4559< Icon type = "list" size = "small" color = "#EBEBEB" />
4660< span style = { styles . itemText } > Review</ span >
4761</ Item >
4862< Divider key = "divider" />
49- < Item key = "settings" disabled = { props . page === 'settings' } onClick = { ( ) => props . setPage ( 'review' ) } >
63+ < Item
64+ key = "settings"
65+ disabled = { props . page === 'settings' }
66+ style = { props . page === 'settings' ?styles . active :{ } }
67+ onClick = { ( ) => props . setPage ( 'settings' ) }
68+ >
5069< Icon type = "set" size = "small" color = "#EBEBEB" />
5170< span style = { styles . itemText } > Settings</ span >
5271</ Item >