content: t()

in hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/ReuseVertexTypes.tsx [778:852]
74 lines of code
2 McCabe index (conditional complexity)

                      content: t('data-analyze.hint.graph-disabled'),
                      size: 'medium',
                      showCloseIcon: false
                    });
                  }
                }}
                value={selectedId}
              >
                {graphManagementStore.idList
                  .filter(
                    ({ id }) =>
                      Number(id) !== metadataConfigsRootStore.currentId
                  )
                  .map(({ name }) => (
                    <Select.Option value={name} key={name}>
                      {name}
                    </Select.Option>
                  ))}
              </Select>
            </div>
            <div
              className="reuse-properties-row"
              style={{ alignItems: 'normal' }}
            >
              <div className="reuse-properties-row-name" style={{ width: 106 }}>
                <span className="metdata-essential-form-options">*</span>
                <span>{t('addition.operate.reuse-vertex-type')}：</span>
              </div>
              <Transfer
                treeName={t('addition.common.vertex-type')}
                allDataMap={vertexTypeStore.reusableVertexTypeDataMap}
                candidateList={vertexTypeStore.reusableVertexTypes.map(
                  ({ name }) => name
                )}
                selectedList={selectedList}
                showSearchBox={false}
                candidateTreeStyle={{
                  width: 355,
                  fontSize: 14
                }}
                selectedTreeStyle={{
                  width: 355,
                  fontSize: 14
                }}
                handleSelect={(selectedList: string[]) => {
                  mutateSelectedList(selectedList);
                }}
                handleSelectAll={(selectedList: string[]) => {
                  mutateSelectedList(selectedList);
                }}
                handleDelete={(selectedList: string[]) => {
                  mutateSelectedList(selectedList);
                }}
                handleDeleteAll={(selectedList: string[]) => {
                  mutateSelectedList(selectedList);
                }}
              />
            </div>
            <div className="reuse-properties-manipulations">
              <Button
                type="primary"
                size="medium"
                style={{ width: 78, marginRight: 12 }}
                disabled={selectedList.length === 0}
                onClick={() => {
                  setCurrentStatus(2);
                  vertexTypeStore.checkConflict(
                    selectedId as string,
                    selectedList
                  );

                  if (
                    vertexTypeStore.requestStatus.checkConflict === 'failed'
                  ) {
                    Message.error({