label: t()

in frontend/src/containers/EditChart.tsx [530:674]
138 lines of code
11 McCabe index (conditional complexity)

      label: t("EditChartScreen.EditChart"),
      url: "",
    });
  }

  const configHeader = (
    <div>
      <h1 className="margin-top-0">{t("EditChartScreen.EditChart")}</h1>
      <ul className="usa-button-group usa-button-group--segmented">
        <li className="usa-button-group__item">
          <button
            className={
              step !== 0 ? "usa-button usa-button--outline" : "usa-button"
            }
            type="button"
            onClick={() => setStep(0)}
            style={{ paddingLeft: "1rem", paddingRight: "1rem" }}
          >
            {t("EditChartScreen.ChooseData")}
          </button>
        </li>
        <li className="usa-button-group__item">
          <button
            className={
              step !== 1 ? "usa-button usa-button--outline" : "usa-button"
            }
            type="button"
            onClick={() => setStep(1)}
            style={{ paddingLeft: "1rem", paddingRight: "1rem" }}
            disabled={!displayedJson.length}
          >
            {t("EditChartScreen.CheckData")}
          </button>
        </li>
        <li className="usa-button-group__item">
          <button
            className={
              step !== 2 ? "usa-button usa-button--outline" : "usa-button"
            }
            type="button"
            onClick={() => setStep(2)}
            style={{ paddingLeft: "1rem", paddingRight: "1rem" }}
            disabled={!displayedJson.length}
          >
            {t("EditChartScreen.Visualize")}
          </button>
        </li>
      </ul>
    </div>
  );

  useChangeBackgroundColor();
  useScrollUp(oldStep, step, setOldStep);

  return (
    <>
      <Breadcrumbs crumbs={crumbs} />
      {loading ||
      loadingDatasets ||
      !widget ||
      !displayedDatasetType ||
      !filteredJson ||
      fileLoading ||
      editingWidget ? (
        <Spinner
          className="text-center margin-top-9"
          label={t("LoadingSpinnerLabel")}
        />
      ) : (
        <div className="grid-row width-desktop">
          <div className="grid-col-12">
            <form onSubmit={handleSubmit(onSubmit)}>
              <div hidden={step !== 0}>
                <PrimaryActionBar>
                  {configHeader}
                  <div className="margin-y-3" hidden={!showColumnHeaderAlert}>
                    <Alert
                      type="error"
                      message={t("EditChartScreen.ResolveError")}
                      slim
                    ></Alert>
                  </div>
                  <div className="margin-y-3" hidden={!showNoDatasetTypeAlert}>
                    <Alert
                      type="error"
                      message={t("EditChartScreen.ChooseDataset")}
                      slim
                    />
                  </div>
                  <ChooseData
                    selectDynamicDataset={selectDynamicDataset}
                    dynamicDatasets={dynamicDatasets}
                    datasetType={displayedDatasetType}
                    onFileProcessed={onFileProcessed}
                    handleChange={handleChange}
                    backStep={goBack}
                    advanceStep={advanceStep}
                    fileLoading={fileLoading}
                    browseDatasets={browseDatasets}
                    hasErrors={!enableContinueButton || !displayedJson.length}
                    csvErrors={csvErrors}
                    csvFile={csvFile}
                    staticFileName={staticFileName}
                    dynamicFileName={dynamicFileName}
                    onCancel={onCancel}
                    register={register}
                    widgetType={t("ChooseDataDescriptionChart")}
                    setShowNoDatasetTypeAlert={setShowNoDatasetTypeAlert}
                  />
                </PrimaryActionBar>
              </div>
              <div hidden={step !== 1}>
                <PrimaryActionBar>
                  {configHeader}
                  <CheckData
                    data={displayedJson}
                    advanceStep={advanceStep}
                    backStep={backStep}
                    selectedHeaders={selectedHeaders}
                    setSelectedHeaders={setSelectedHeaders}
                    hiddenColumns={hiddenColumns}
                    setHiddenColumns={setHiddenColumns}
                    onCancel={onCancel}
                    dataTypes={dataTypes}
                    setDataTypes={setDataTypes}
                    numberTypes={numberTypes}
                    setNumberTypes={setNumberTypes}
                    currencyTypes={currencyTypes}
                    setCurrencyTypes={setCurrencyTypes}
                    sortByColumn={sortByColumn}
                    sortByDesc={sortByDesc}
                    setSortByColumn={setSortByColumn}
                    setSortByDesc={setSortByDesc}
                    reset={reset}
                    widgetType={t("CheckDataDescriptionChart")}
                  />
                </PrimaryActionBar>
              </div>
              <div hidden={step !== 2}>
                <VisualizeChart
                  errors={errors}
                  register={register}
                  json={filteredJson}
                  originalJson={displayedJson}
                  headers={