ToggleActivityList() — react Function Reference

Architecture documentation for the ToggleActivityList() function in SuspenseTab.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ ToggleActivityList() — react Function Reference

Dependency Diagram

graph TD
  7df8caa0_c807_5c47_90e4_9eac8c489d59["ToggleActivityList()"]
  3249b7c1_ae10_2672_10ce_a66fd0ee6f60["SuspenseTab.js"]
  7df8caa0_c807_5c47_90e4_9eac8c489d59 -->|defined in| 3249b7c1_ae10_2672_10ce_a66fd0ee6f60
  style 7df8caa0_c807_5c47_90e4_9eac8c489d59 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.js lines 99–122

function ToggleActivityList({
  dispatch,
  state,
}: {
  dispatch: LayoutDispatch,
  state: LayoutState,
}) {
  return (
    <Button
      onClick={() =>
        dispatch({
          type: 'ACTION_SET_ACTIVITY_LIST_TOGGLE',
          payload: null,
        })
      }
      title={
        state.activityListHidden ? 'Show Activity List' : 'Hide Activity List'
      }>
      <ButtonIcon
        type={state.activityListHidden ? 'panel-left-open' : 'panel-left-close'}
      />
    </Button>
  );
}