[Glitch] Change explore icon from hashtag to compass in web UI
Port b8b2f20b16 to glitch-soc
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
			
			
This commit is contained in:
		
							parent
							
								
									67ca8bb56a
								
							
						
					
					
						commit
						f6903d9ab0
					
				|  | @ -9,8 +9,8 @@ import { NavLink, Switch, Route } from 'react-router-dom'; | ||||||
| import { connect } from 'react-redux'; | import { connect } from 'react-redux'; | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | import ExploreIcon from '@/material-icons/400-24px/explore.svg?react'; | ||||||
| import SearchIcon from '@/material-icons/400-24px/search.svg?react'; | import SearchIcon from '@/material-icons/400-24px/search.svg?react'; | ||||||
| import TagIcon from '@/material-icons/400-24px/tag.svg?react'; |  | ||||||
| import Column from 'flavours/glitch/components/column'; | import Column from 'flavours/glitch/components/column'; | ||||||
| import ColumnHeader from 'flavours/glitch/components/column_header'; | import ColumnHeader from 'flavours/glitch/components/column_header'; | ||||||
| import Search from 'flavours/glitch/features/compose/containers/search_container'; | import Search from 'flavours/glitch/features/compose/containers/search_container'; | ||||||
|  | @ -60,7 +60,7 @@ class Explore extends PureComponent { | ||||||
|       <Column bindToDocument={!multiColumn} ref={this.setRef} label={intl.formatMessage(messages.title)}> |       <Column bindToDocument={!multiColumn} ref={this.setRef} label={intl.formatMessage(messages.title)}> | ||||||
|         <ColumnHeader |         <ColumnHeader | ||||||
|           icon={isSearching ? 'search' : 'hashtag'} |           icon={isSearching ? 'search' : 'hashtag'} | ||||||
|           iconComponent={isSearching ? SearchIcon : TagIcon} |           iconComponent={isSearching ? SearchIcon : ExploreIcon} | ||||||
|           title={intl.formatMessage(isSearching ? messages.searchResults : messages.title)} |           title={intl.formatMessage(isSearching ? messages.searchResults : messages.title)} | ||||||
|           onClick={this.handleHeaderClick} |           onClick={this.handleHeaderClick} | ||||||
|           multiColumn={multiColumn} |           multiColumn={multiColumn} | ||||||
|  |  | ||||||
|  | @ -4,6 +4,7 @@ import { Component } from 'react'; | ||||||
| import { defineMessages, injectIntl } from 'react-intl'; | import { defineMessages, injectIntl } from 'react-intl'; | ||||||
| 
 | 
 | ||||||
| import BookmarksIcon from '@/material-icons/400-24px/bookmarks-fill.svg?react'; | import BookmarksIcon from '@/material-icons/400-24px/bookmarks-fill.svg?react'; | ||||||
|  | import ExploreIcon from '@/material-icons/400-24px/explore.svg?react'; | ||||||
| import HomeIcon from '@/material-icons/400-24px/home-fill.svg?react'; | import HomeIcon from '@/material-icons/400-24px/home-fill.svg?react'; | ||||||
| import ListAltIcon from '@/material-icons/400-24px/list_alt.svg?react'; | import ListAltIcon from '@/material-icons/400-24px/list_alt.svg?react'; | ||||||
| import MailIcon from '@/material-icons/400-24px/mail.svg?react'; | import MailIcon from '@/material-icons/400-24px/mail.svg?react'; | ||||||
|  | @ -13,7 +14,6 @@ import PublicIcon from '@/material-icons/400-24px/public.svg?react'; | ||||||
| import SearchIcon from '@/material-icons/400-24px/search.svg?react'; | import SearchIcon from '@/material-icons/400-24px/search.svg?react'; | ||||||
| import SettingsIcon from '@/material-icons/400-24px/settings-fill.svg?react'; | import SettingsIcon from '@/material-icons/400-24px/settings-fill.svg?react'; | ||||||
| import StarIcon from '@/material-icons/400-24px/star-fill.svg?react'; | import StarIcon from '@/material-icons/400-24px/star-fill.svg?react'; | ||||||
| import TagIcon from '@/material-icons/400-24px/tag.svg?react'; |  | ||||||
| import { NavigationPortal } from 'flavours/glitch/components/navigation_portal'; | import { NavigationPortal } from 'flavours/glitch/components/navigation_portal'; | ||||||
| import { timelinePreview, trendsEnabled } from 'flavours/glitch/initial_state'; | import { timelinePreview, trendsEnabled } from 'flavours/glitch/initial_state'; | ||||||
| import { transientSingleColumn } from 'flavours/glitch/is_mobile'; | import { transientSingleColumn } from 'flavours/glitch/is_mobile'; | ||||||
|  | @ -91,7 +91,7 @@ class NavigationPanel extends Component { | ||||||
|         )} |         )} | ||||||
| 
 | 
 | ||||||
|         {trendsEnabled ? ( |         {trendsEnabled ? ( | ||||||
|           <ColumnLink transparent to='/explore' icon='hashtag' iconComponent={TagIcon} text={intl.formatMessage(messages.explore)} /> |           <ColumnLink transparent to='/explore' icon='hashtag' iconComponent={ExploreIcon} 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…
	
		Reference in New Issue