fe8dd58bc1
Add the same UI that already exists for blocked users for muted ones and add it to the "Getting Started" menu.
60 lines
3.4 KiB
JavaScript
60 lines
3.4 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: 'Federated timeline' },
|
|
community_timeline: { id: 'navigation_bar.community_timeline', defaultMessage: 'Local 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: 'Logout' },
|
|
favourites: { id: 'navigation_bar.favourites', defaultMessage: 'Favourites' },
|
|
blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' },
|
|
mutes: { id: 'navigation_bar.mutes', defaultMessage: 'Muted 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/public/local' />
|
|
<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='volume-off' text={intl.formatMessage(messages.mutes)} to='/mutes' />
|
|
<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' style={{ display: 'flex', flexDirection: 'column' }}>
|
|
<div className='static-content getting-started'>
|
|
<p><FormattedMessage id='getting_started.open_source_notice' defaultMessage='Mastodon is open source software. You can contribute or report issues on GitHub at {github}. {apps}.' values={{ github: <a href="https://github.com/tootsuite/mastodon" target="_blank">tootsuite/mastodon</a>, apps: <a href="https://github.com/tootsuite/documentation/blob/master/Using-Mastodon/Apps.md" target="_blank"><FormattedMessage id='getting_started.apps' defaultMessage='Various apps are available' /></a> }} /></p>
|
|
</div>
|
|
</div>
|
|
</Column>
|
|
);
|
|
};
|
|
|
|
GettingStarted.propTypes = {
|
|
intl: React.PropTypes.object.isRequired,
|
|
me: ImmutablePropTypes.map.isRequired
|
|
};
|
|
|
|
export default connect(mapStateToProps)(injectIntl(GettingStarted));
|