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 (