4aa5ebe591
"whole known network" which is what public timeline used to be Only domain blocks with suspend severity will block PuSH subscriptions Silenced accounts should not appear in conversations unless followed
62 lines
3.6 KiB
JavaScript
62 lines
3.6 KiB
JavaScript
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: 'Whole Known Network' },
|
|
community_timeline: { id: 'navigation_bar.community_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' },
|
|
blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' },
|
|
info: { id: 'navigation_bar.info', defaultMessage: 'Extended information' }
|
|
});
|
|
|
|
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='users' text={intl.formatMessage(messages.community_timeline)} to='/timelines/community' />
|
|
<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='ban' text={intl.formatMessage(messages.blocks)} to='/blocks' />
|
|
<ColumnLink icon='book' text={intl.formatMessage(messages.info)} href='/about/more' />
|
|
<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 href="https://github.com/tootsuite/mastodon" target="_blank">tootsuite/mastodon</a> }} /></p>
|
|
</div>
|
|
</div>
|
|
</Column>
|
|
);
|
|
};
|
|
|
|
GettingStarted.propTypes = {
|
|
intl: React.PropTypes.object.isRequired,
|
|
me: ImmutablePropTypes.map.isRequired
|
|
};
|
|
|
|
export default connect(mapStateToProps)(injectIntl(GettingStarted));
|