import React from 'react' import PropTypes from 'prop-types' import { connect } from 'react-redux' import { defineMessages, injectIntl } from 'react-intl' import { me } from '../initial_state' import { CX, MODAL_COMPOSE, BREAKPOINT_EXTRA_SMALL, } from '../constants' import { openModal } from '../actions/modal' import Button from './button' class FloatingActionButton extends React.PureComponent { render() { const { intl, onOpenCompose, state, width } = this.props if (!me) return null const isDesktop = width > BREAKPOINT_EXTRA_SMALL const message = intl.formatMessage(messages.gab) const containerClasses = CX({ posFixed: 1, z3: 1, mb15: 1, mr15: 1, right0: 1, bottom55PX: !isDesktop, bottom0: isDesktop, pb15: isDesktop, pr15: isDesktop, }) return (
) } } const messages = defineMessages({ gab: { id: 'gab', defaultMessage: 'Gab' }, }) const mapStateToProps = (state) => ({ width: state.getIn(['settings', 'window_dimensions', 'width']), }) const mapDispatchToProps = (dispatch) => ({ onOpenCompose: () => dispatch(openModal(MODAL_COMPOSE)), }) FloatingActionButton.propTypes = { intl: PropTypes.object.isRequired, onOpenCompose: PropTypes.func.isRequired, } export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(FloatingActionButton))