render()

in hugegraph-hubble/hubble-fe/src/components/graph-management/data-import/import-tasks/ImportTaskList.tsx [86:170]
72 lines of code
4 McCabe index (conditional complexity)

      render(name: string, rowData: any) {
        const readyToJump =
          rowData.job_status === 'SUCCESS' || rowData.job_status === 'FAILED';

        const wrapperClassName = classnames({
          'no-line-break': true,
          link: readyToJump
        });

        return (
          <div className="import-manager-table-job-name">
            <div
              className={wrapperClassName}
              title={name}
              onClick={async () => {
                if (readyToJump) {
                  importManagerStore.setCurrentJobDetailStep('basic');
                  importManagerStore.setSelectedJob(rowData.id);

                  // fill in essential data in import-task stores
                  dataImportRootStore.setCurrentId(Number(params!.id));
                  dataImportRootStore.setCurrentJobId(rowData.id);

                  dataImportRootStore.fetchVertexTypeList();
                  dataImportRootStore.fetchEdgeTypeList();

                  setLocation(
                    `/graph-management/${
                      params!.id
                    }/data-import/import-manager/${rowData.id}/details`
                  );

                  // fetch related data
                  await Promise.all([
                    dataMapStore.fetchDataMaps(),
                    serverDataImportStore.fetchAllImportTasks()
                  ]);

                  dataMapStore.setSelectedFileId(
                    Number(dataMapStore.fileMapInfos[0].id)
                  );
                  dataMapStore.setSelectedFileInfo();

                  // set flags about readonly and irregular process in <DataMap />
                  dataMapStore.switchReadOnly(true);
                  dataMapStore.switchIrregularProcess(true);

                  // set flags about readonly and irregular process in <ServerDataImport />
                  serverDataImportStore.switchExpandImportConfig(true);
                  serverDataImportStore.switchReadOnly(true);
                  serverDataImportStore.switchIrregularProcess(true);
                  serverDataImportStore.syncImportConfigs(
                    dataMapStore.selectedFileInfo!.load_parameter
                  );
                }
              }}
            >
              {name}
            </div>
            {!isEmpty(rowData.job_remarks) && (
              <CustomTooltip
                trigger="hover"
                placement="bottom-start"
                modifiers={{
                  offset: {
                    offset: '0, 3'
                  }
                }}
                tooltipWrapperProps={{
                  className: 'tooltips-dark',
                  style: {
                    zIndex: 7
                  }
                }}
                tooltipWrapper={rowData.job_remarks}
                childrenWrapperElement="img"
                childrenProps={{
                  src: HintIcon,
                  alt: 'hint'
                }}
              />
            )}
          </div>
        );
      }