openreplay/frontend/app/components/hocs/withToggle.js

import React from 'react';

const withToggle =
  (stateName = 'open', handlerName = 'switchOpen', initial = false) =>
  (BaseComponent) =>
    class extends React.Component {
      state = {
        toggle: initial,
      };

      onToggle = (state) =>
        this.setState({
          toggle: typeof state === 'boolean' ? state : !this.state.toggle,
        });

      render() {
        const newProps = {
          [handlerName]: this.onToggle,
          [stateName]: this.state.toggle,
        };
        return <BaseComponent {...newProps} {...this.props} />;
      }
    };

export default withToggle;