redux-devtools/packages/redux-devtools-core/src/app/components/BottomButtons.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Button, Toolbar, Divider } from 'devui';
import SaveIcon from 'react-icons/lib/md/save';
import ExportButton from './buttons/ExportButton';
import ImportButton from './buttons/ImportButton';
import PrintButton from './buttons/PrintButton';
import DispatcherButton from './buttons/DispatcherButton';
import SliderButton from './buttons/SliderButton';
import MonitorSelector from './MonitorSelector';

export default class BottomButtons extends Component {
  static propTypes = {
    dispatcherIsOpen: PropTypes.bool,
    sliderIsOpen: PropTypes.bool,
    options: PropTypes.object.isRequired
  };

  shouldComponentUpdate(nextProps) {
    return nextProps.dispatcherIsOpen !== this.props.dispatcherIsOpen
      || nextProps.sliderIsOpen !== this.props.sliderIsOpen
      || nextProps.options !== this.props.options;
  }

  render() {
    const features = this.props.options.features;
    return (
      <Toolbar borderPosition="top">
        {features.export &&
        <Button
          title="Save a report"
          tooltipPosition="top-right"
        >
          <SaveIcon />
        </Button>
        }
        {features.export &&
        <ExportButton />
        }
        {features.import &&
        <ImportButton />
        }
        <PrintButton />
        <Divider />
        <MonitorSelector />
        <Divider />
        {features.jump &&
        <SliderButton isOpen={this.props.sliderIsOpen} />
        }
        {features.dispatch &&
        <DispatcherButton dispatcherIsOpen={this.props.dispatcherIsOpen} />
        }
      </Toolbar>
    );
  }
}