render()

in frontend/app/DuplicateComponent.tsx [62:99]

• 37 lines of code
• 5 McCabe index (conditional complexity)

  render() {
    return (
      <div className="windowpanel">
        <VaultSelector
            currentvault={this.state.vaultId ?? ""}
            vaultWasChanged={(newVault) => {
              this.setState({ duplicatesCount: undefined });
              this.setState({ itemCount: undefined });
              this.setState({ vaultId: newVault });
            }}
        />
        <br />
        <br />
        {this.state.duplicatesCount ? (
            <div>Duplicates in vault: {this.state.duplicatesCount}</div>
        ) :(<div>Loading duplicate data...</div>)
        }

        {this.state.itemCount ? (
            <div>Items in vault: {this.state.itemCount}</div>
        ) :(null)
        }
        <br />
        <br />
        {this.state.duplicates ? (
            this.state.duplicates.map((item,i) => (<div key={i}>Path: {item.mxfsPath}<br/> Duplicates: {item.duplicateNumber}{
              item.duplicatesData ? (
              item.duplicatesData.map((itemsub, i) => (
                  <div key={i}>ObjectMatrix Id.: {itemsub.oid}</div>
                  )
              ) ): (null)
            }
            <br/><br/></div>))
        ) : (null)
        }
      </div>
    );
  }