box-ui-elements-mlh/src/elements/content-sidebar/SidebarToggle.js

Box UI Elements

/**
 * @flow strict
 * @file Sidebar Toggle component
 * @author Box
 */

import * as React from 'react';
import { withRouter, type RouterHistory } from 'react-router-dom';
import SidebarToggleButton from '../../components/sidebar-toggle-button/SidebarToggleButton';
import { SIDEBAR_NAV_TARGETS } from '../common/interactionTargets';

type Props = {
    history: RouterHistory,
    isOpen?: boolean,
};

const SidebarToggle = ({ history, isOpen }: Props) => {
    return (
        <SidebarToggleButton
            data-resin-target={SIDEBAR_NAV_TARGETS.TOGGLE}
            data-testid="sidebartoggle"
            // $FlowFixMe
            isOpen={isOpen}
            onClick={event => {
                event.preventDefault();
                history.replace({ state: { open: !isOpen } });
            }}
        />
    );
};

export { SidebarToggle as SidebarToggleComponent };
export default withRouter(SidebarToggle);