33 lines
1.0 KiB
JavaScript
33 lines
1.0 KiB
JavaScript
import Icon from './icon'
|
|
import Button from './button'
|
|
|
|
export default class FloatingActionButton extends Component {
|
|
static propTypes = {
|
|
onClick: PropTypes.func.isRequired,
|
|
message: PropTypes.string.isRequired,
|
|
};
|
|
|
|
shouldComponentUpdate(nextProps) {
|
|
return nextProps.message !== this.props.message;
|
|
}
|
|
|
|
render() {
|
|
const { onClick, message } = this.props;
|
|
|
|
// const shouldHideFAB = path => path.match(/^\/posts\/|^\/search|^\/getting-started/);
|
|
// const floatingActionButton = shouldHideFAB(this.context.router.history.location.pathname) ? null : <button key='floating-action-button' onClick={this.handleOpenComposeModal} className='floating-action-button' aria-label={intl.formatMessage(messages.publish)}></button>;
|
|
|
|
return (
|
|
<Button
|
|
onClick={onClick}
|
|
color='white'
|
|
className={[_s.positionFixed, _s.z4, _s.bottom0, _s.right0].join(' ')}
|
|
title={message}
|
|
aria-label={message}
|
|
>
|
|
<Icon id='compose' />
|
|
[...]
|
|
</Button>
|
|
)
|
|
}
|
|
} |