Merge pull request #399 from ticky/public-timeline-de-hoist
Public timeline de-hoist
This commit is contained in:
		
						commit
						df89cb5488
					
				
					 3 changed files with 4 additions and 14 deletions
				
			
		|  | @ -16,6 +16,7 @@ import { | |||
|   useRouterHistory, | ||||
|   Router, | ||||
|   Route, | ||||
|   IndexRedirect, | ||||
|   IndexRoute | ||||
| } from 'react-router'; | ||||
| import { useScroll } from 'react-router-scroll'; | ||||
|  | @ -107,8 +108,9 @@ const Mastodon = React.createClass({ | |||
|         <Provider store={store}> | ||||
|           <Router history={browserHistory} render={applyRouterMiddleware(useScroll())}> | ||||
|             <Route path='/' component={UI}> | ||||
|               <IndexRoute component={GettingStarted} /> | ||||
|               <IndexRedirect to="/getting_started" /> | ||||
| 
 | ||||
|               <Route path='getting_started' component={GettingStarted} /> | ||||
|               <Route path='timelines/home' component={HomeTimeline} /> | ||||
|               <Route path='timelines/mentions' component={MentionsTimeline} /> | ||||
|               <Route path='timelines/public' component={PublicTimeline} /> | ||||
|  |  | |||
|  | @ -16,17 +16,6 @@ const mapStateToProps = state => ({ | |||
|   me: state.getIn(['accounts', state.getIn(['meta', 'me'])]) | ||||
| }); | ||||
| 
 | ||||
| const hamburgerStyle = { | ||||
|   background: '#373b4a', | ||||
|   color: '#fff', | ||||
|   fontSize: '16px', | ||||
|   padding: '15px', | ||||
|   position: 'absolute', | ||||
|   right: '0', | ||||
|   top: '-48px', | ||||
|   cursor: 'default' | ||||
| }; | ||||
| 
 | ||||
| const GettingStarted = ({ intl, me }) => { | ||||
|   let followRequests = ''; | ||||
| 
 | ||||
|  | @ -37,7 +26,6 @@ const GettingStarted = ({ intl, me }) => { | |||
|   return ( | ||||
|     <Column icon='asterisk' heading={intl.formatMessage(messages.heading)}> | ||||
|       <div style={{ position: 'relative' }}> | ||||
|         <div style={hamburgerStyle}><i className='fa fa-bars' /></div> | ||||
|         <ColumnLink icon='globe' text={intl.formatMessage(messages.public_timeline)} to='/timelines/public' /> | ||||
|         <ColumnLink icon='cog' text={intl.formatMessage(messages.preferences)} href='/settings/preferences' /> | ||||
|         {followRequests} | ||||
|  |  | |||
|  | @ -30,7 +30,7 @@ const TabsBar = () => { | |||
|       <Link style={tabStyle} activeStyle={tabActiveStyle} to='/statuses/new'><i className='fa fa-fw fa-pencil' /> <FormattedMessage id='tabs_bar.compose' defaultMessage='Compose' /></Link> | ||||
|       <Link style={tabStyle} activeStyle={tabActiveStyle} to='/timelines/home'><i className='fa fa-fw fa-home' /> <FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></Link> | ||||
|       <Link style={tabStyle} activeStyle={tabActiveStyle} to='/notifications'><i className='fa fa-fw fa-bell' /> <FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' /></Link> | ||||
|       <Link style={tabStyle} activeStyle={tabActiveStyle} to='/timelines/public'><i className='fa fa-fw fa-globe' /> <FormattedMessage id='tabs_bar.public' defaultMessage='Public' /></Link> | ||||
|       <Link style={{ ...tabStyle, flexGrow: '0', flexBasis: '30px' }} activeStyle={tabActiveStyle} to='/getting_started'><i className='fa fa-fw fa-bars' /></Link> | ||||
|     </div> | ||||
|   ); | ||||
| }; | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue