You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
3.0 KiB
55 lines
3.0 KiB
import Column from '../ui/components/column'; |
|
import ColumnLink from '../ui/components/column_link'; |
|
import { Link } from 'react-router'; |
|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; |
|
import { connect } from 'react-redux'; |
|
import ImmutablePropTypes from 'react-immutable-proptypes'; |
|
|
|
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' }, |
|
sign_out: { id: 'navigation_bar.logout', defaultMessage: 'Sign out' }, |
|
favourites: { id: 'navigation_bar.favourites', defaultMessage: 'Favourites' } |
|
}); |
|
|
|
const mapStateToProps = state => ({ |
|
me: state.getIn(['accounts', state.getIn(['meta', 'me'])]) |
|
}); |
|
|
|
const GettingStarted = ({ intl, me }) => { |
|
let followRequests = ''; |
|
|
|
if (me.get('locked')) { |
|
followRequests = <ColumnLink icon='users' text={intl.formatMessage(messages.follow_requests)} to='/follow_requests' />; |
|
} |
|
|
|
return ( |
|
<Column icon='asterisk' heading={intl.formatMessage(messages.heading)}> |
|
<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='star' text={intl.formatMessage(messages.favourites)} to='/favourites' /> |
|
{followRequests} |
|
<ColumnLink icon='sign-out' text={intl.formatMessage(messages.sign_out)} href='/auth/sign_out' method='delete' /> |
|
</div> |
|
|
|
<div className='scrollable optionally-scrollable'> |
|
<div className='static-content getting-started'> |
|
<p><FormattedMessage id='getting_started.about_addressing' defaultMessage='You can follow people if you know their username and the domain they are on by entering an e-mail-esque address into the form at the top of the sidebar.' /></p> |
|
<p><FormattedMessage id='getting_started.about_shortcuts' defaultMessage='If the target user is on the same domain as you, just the username will work. The same rule applies to mentioning people in statuses.' /></p> |
|
<p><FormattedMessage id='getting_started.about_developer' defaultMessage='The developer of this project can be followed as Gargron@mastodon.social' /></p> |
|
<p><FormattedMessage id='getting_started.open_source_notice' defaultMessage='Mastodon is open source software. You can contribute or report issues on github at {github}' values={{ github: <a style={{ color: '#616b86'}} href="https://github.com/tootsuite/mastodon">tootsuite/mastodon</a> }} /></p> |
|
</div> |
|
</div> |
|
</Column> |
|
); |
|
}; |
|
|
|
GettingStarted.propTypes = { |
|
intl: React.PropTypes.object.isRequired, |
|
me: ImmutablePropTypes.map.isRequired |
|
}; |
|
|
|
export default connect(mapStateToProps)(injectIntl(GettingStarted));
|
|
|