weave-scope/client/app/scripts/components/time-travel-button.js

import React from 'react';
import { connect } from 'react-redux';


// TODO: Move this back into TimeTravelControls once we move away from CloudFeature.
class TimeTravelButton extends React.Component {
  render() {
    const { className, onClick, isTimeTravelling, hasTimeTravel } = this.props;

    if (!hasTimeTravel) return null;

    return (
      <span className={className} onClick={onClick} title="Travel back in time">
        {isTimeTravelling && <span className="fa fa-clock-o" />}
        <span className="label">Time Travel</span>
      </span>
    );
  }
}

function mapStateToProps({ root }, { params }) {
  const cloudInstance = root.instances[params.orgId] || {};
  const featureFlags = cloudInstance.featureFlags || [];
  return {
    hasTimeTravel: featureFlags.includes('time-travel'),
  };
}

export default connect(mapStateToProps)(TimeTravelButton);