treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Merge pull request #430 from blackle/logout_mobile 

Show logout button on getting started so it's available on mobile
lolsob-rspec
Eugen 2017-01-08 01:24:06 +01:00 committed by GitHub
parent 177d9cd8fe 8ceae22535
commit 00c9ce1eff
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/features/getting_started/index.jsx
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>

4
app/assets/javascripts/components/features/ui/components/column_link.jsx
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>