export default memo()

in packages/x-flow/src/components/NodeLogPanel/components/DetailPanel.tsx [7:25]

• 18 lines of code
• 4 McCabe index (conditional complexity)

export default memo((props: any) => {
  const { detailData, currentStatus } = props;
  const isRenderStatus =
    isObject(detailData?.statusPanel) && !isEmpty(detailData?.statusPanel);
  const [isFullScreen, setIsFullScreen] = useState(false);

  return (
    <div className={classNames("log-detail-panel", { ['log-detail-panel-code-full']: isFullScreen })}>
      {isRenderStatus && (
        <StatusPanel
          currentStatus={currentStatus}
          statusPanelData={detailData?.statusPanel}
        />
      )}
      {(detailData?.codePanel || [])?.map((item, index) => (
        <CodePanel codeData={item} key={index} onFullScreenChange={(isFullScreen) => {
          setIsFullScreen(isFullScreen)
        } } />
      ))}