renderMain()

in components/vam-ui/packages/vam-ui/src/parts/dynamic-catalogs/DynamicCatalogs.js [68:138]
70 lines of code
3 McCabe index (conditional complexity)

  renderMain() {
    const list = this.getStore().list;

    return (
      <>
        {this.renderTitle()}
        <SimpleTable
          data-testid="dynamic-catalogs"
          rowData={list}
          headerRenderer={() => {
            return [i18n(keys.ID), i18n(keys.APPSTREAM_FLEET), i18n(keys.APPLICATIONS), ''];
          }}
          rowRenderer={row => {
            return [
              row.id,
              row.fleet,
              row.applications.map(a => a.displayName).join(', '),
              <>
                <Button
                  onClick={event => {
                    this.handleDetails(event, row);
                  }}
                  basic
                  size="mini"
                >
                  {i18n(keys.DETAILS)}
                </Button>
                <Button
                  onClick={_event => {
                    this.handleTestDynamicCatalog(row);
                  }}
                  basic
                  size="mini"
                >
                  {i18n(keys.TEST_CATALOG)}
                </Button>
                <Button
                  onClick={_event => {
                    this.handleDeleteDynamicCatalog(row);
                  }}
                  basic
                  size="mini"
                  data-testid="delete-button"
                >
                  {i18n(keys.DELETE_CATALOG)}
                </Button>
              </>,
            ];
          }}
        />
        <ConfirmationModal
          open={this.componentStore.catalogToDelete !== null}
          processing={this.componentStore.deleteCatalogProcessing}
          header={i18n(keys.DELETE_CATALOG)}
          confirmLabel={i18n(keys.DELETE_CATALOG)}
          message={i18n(keys.DELETE_CATALOG_CONFIRMATION, {
            dynamicCatalog: (this.componentStore.catalogToDelete || {}).id || '',
          })}
          onConfirm={() => {
            runInAction(() => {
              this.componentStore.deleteCatalogProcessing = true;
            });
            this.deleteCatalog();
          }}
          onCancel={() => {
            this.closeModals();
          }}
        />
      </>
    );
  }