Show logout button on getting started so it's available on mobile

This commit is contained in:
blackle 2017-01-07 18:41:57 -05:00
parent 165df323ae
commit e1ca354956
2 changed files with 5 additions and 3 deletions

View file

@ -9,7 +9,8 @@ const messages = defineMessages({
heading: { id: 'getting_started.heading', defaultMessage: 'Getting started' },
public_timeline: { id: 'navigation_bar.public_timeline', defaultMessage: 'Public timeline' },
preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' },
follow_requests: { id: 'navigation_bar.follow_requests', defaultMessage: 'Follow requests' }
follow_requests: { id: 'navigation_bar.follow_requests', defaultMessage: 'Follow requests' },
sign_out: { id: 'navigation_bar.logout', defaultMessage: 'Sign out' }
});
const mapStateToProps = state => ({
@ -28,6 +29,7 @@ const GettingStarted = ({ intl, me }) => {
<div style={{ position: 'relative' }}>
<ColumnLink icon='globe' text={intl.formatMessage(messages.public_timeline)} to='/timelines/public' />
<ColumnLink icon='cog' text={intl.formatMessage(messages.preferences)} href='/settings/preferences' />
<ColumnLink icon='sign-out' text={intl.formatMessage(messages.sign_out)} href='/auth/sign_out' method='delete' />
{followRequests}
</div>

View file

@ -13,10 +13,10 @@ const iconStyle = {
marginRight: '5px'
};
const ColumnLink = ({ icon, text, to, href }) => {
const ColumnLink = ({ icon, text, to, href, method }) => {
if (href) {
return (
<a href={href} style={outerStyle} className='column-link'>
<a href={href} style={outerStyle} className='column-link' data-method={method}>
<i className={`fa fa-fw fa-${icon}`} style={iconStyle} />
{text}
</a>