Fix “Explore” icon in navigation bar not being filled when selected (#29649)
This commit is contained in:
		
							parent
							
								
									50fd94f481
								
							
						
					
					
						commit
						3211e960ac
					
				| @ -11,6 +11,7 @@ import { useSelector, useDispatch } from 'react-redux'; | |||||||
| import AlternateEmailIcon from '@/material-icons/400-24px/alternate_email.svg?react'; | import AlternateEmailIcon from '@/material-icons/400-24px/alternate_email.svg?react'; | ||||||
| import BookmarksActiveIcon from '@/material-icons/400-24px/bookmarks-fill.svg?react'; | import BookmarksActiveIcon from '@/material-icons/400-24px/bookmarks-fill.svg?react'; | ||||||
| import BookmarksIcon from '@/material-icons/400-24px/bookmarks.svg?react'; | import BookmarksIcon from '@/material-icons/400-24px/bookmarks.svg?react'; | ||||||
|  | import ExploreActiveIcon from '@/material-icons/400-24px/explore-fill.svg?react'; | ||||||
| import ExploreIcon from '@/material-icons/400-24px/explore.svg?react'; | import ExploreIcon from '@/material-icons/400-24px/explore.svg?react'; | ||||||
| import HomeActiveIcon from '@/material-icons/400-24px/home-fill.svg?react'; | import HomeActiveIcon from '@/material-icons/400-24px/home-fill.svg?react'; | ||||||
| import HomeIcon from '@/material-icons/400-24px/home.svg?react'; | import HomeIcon from '@/material-icons/400-24px/home.svg?react'; | ||||||
| @ -145,7 +146,7 @@ class NavigationPanel extends Component { | |||||||
|         )} |         )} | ||||||
| 
 | 
 | ||||||
|         {trendsEnabled ? ( |         {trendsEnabled ? ( | ||||||
|           <ColumnLink transparent to='/explore' icon='explore' iconComponent={ExploreIcon} text={intl.formatMessage(messages.explore)} /> |           <ColumnLink transparent to='/explore' icon='explore' iconComponent={ExploreIcon} activeIconComponent={ExploreActiveIcon} text={intl.formatMessage(messages.explore)} /> | ||||||
|         ) : ( |         ) : ( | ||||||
|           <ColumnLink transparent to='/search' icon='search' iconComponent={SearchIcon} text={intl.formatMessage(messages.search)} /> |           <ColumnLink transparent to='/search' icon='search' iconComponent={SearchIcon} text={intl.formatMessage(messages.search)} /> | ||||||
|         )} |         )} | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user