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.
46 lines
2.0 KiB
46 lines
2.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'; |
|
|
|
const messages = defineMessages({ |
|
heading: { id: 'getting_started.heading', defaultMessage: 'Getting started' }, |
|
public_timeline: { id: 'navigation_bar.public_timeline', defaultMessage: 'Public timeline' }, |
|
settings: { id: 'navigation_bar.settings', defaultMessage: 'Settings' } |
|
}); |
|
|
|
const mapStateToProps = state => ({ |
|
me: state.getIn(['meta', 'me']) |
|
}); |
|
|
|
const hamburgerStyle = { |
|
background: '#373b4a', |
|
color: '#fff', |
|
fontSize: '16px', |
|
padding: '15px', |
|
position: 'absolute', |
|
right: '0', |
|
top: '-48px', |
|
cursor: 'default' |
|
}; |
|
|
|
const GettingStarted = ({ intl, me }) => { |
|
return ( |
|
<Column icon='asterisk' heading={intl.formatMessage(messages.heading)}> |
|
<div style={{ position: 'relative' }}> |
|
<div style={hamburgerStyle}><i className='fa fa-bars' /></div> |
|
<ColumnLink icon='globe' text={intl.formatMessage(messages.public_timeline)} to='/timelines/public' /> |
|
<ColumnLink icon='cog' text={intl.formatMessage(messages.settings)} href='/settings/profile' /> |
|
</div> |
|
|
|
<div className='static-content'> |
|
<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> |
|
</div> |
|
</Column> |
|
); |
|
}; |
|
|
|
export default connect(mapStateToProps)(injectIntl(GettingStarted));
|
|
|