export default function EventLogger()

in src/devtools/views/StoreInspector/EventLogger/EventLogger.js [50:85]

• 34 lines of code
• 6 McCabe index (conditional complexity)

export default function EventLogger({
  allEvents,
  isRecording,
  checked,
}: Props) {
  const [selectedEventID, setSelectedEventID] = useState(0);

  if (allEvents == null && !isRecording) {
    return (
      <div className={styles.NotRecording}>
        Event Logger is not recording. To record, hit the record button on the
        top left of the tab.
      </div>
    );
  } else if (allEvents == null && isRecording) {
    return <div className={styles.NotRecording}>Loading events...</div>;
  } else if (allEvents == null) {
    return null;
  }

  return (
    <div className={styles.EventsTabContent}>
      <AllEventsList
        events={allEvents}
        selectedEventID={selectedEventID}
        setSelectedEventID={setSelectedEventID}
        checked={checked}
      />
      <AllEventsDetails
        events={allEvents}
        selectedEventID={selectedEventID}
        setSelectedEventID={setSelectedEventID}
      />
    </div>
  );
}