Method render

ui/src/components/Document/DocumentManager.jsx:110–235

()

  }

  render() {
    const {
      collection,
      document,
      fileSizeProp,
      query,
      result,
      hasPending,
      intl,
      showSearch = true,
    } = this.props;
    const { selection } = this.state;
    const mutableDocument =
      document === undefined || document?.schema?.name === 'Folder';
    const showActions = collection?.writeable && mutableDocument;
    const canUpload = this.canUpload();
    const canMap = selection.length === 1 && selection[0].schema.isA('Table');

    const searchPlaceholder = !!document
      ? intl.formatMessage(messages.search_placeholder_document, {
          label: document.getCaption(),
        })
      : intl.formatMessage(messages.search_placeholder);

    const emptyComponent = canUpload ? (
      <div className="DocumentManager__content__empty">
        <DialogToggleButton
          buttonProps={{
            minimal: true,
            fill: true,
          }}
          Dialog={DocumentUploadDialog}
          dialogProps={{ collection, parent: document }}
        >
          <ErrorSection
            icon="plus"
            title={intl.formatMessage(messages.emptyCanUpload)}
          />
        </DialogToggleButton>
      </div>
    ) : (
      <ErrorSection
        icon="folder-open"
        title={intl.formatMessage(messages.empty)}
      />
    );

    return (
      <div className="DocumentManager">
        {(showSearch || showActions) && (
          <EntityActionBar
            query={query}
            writeable={showActions}
            selection={selection}
            resetSelection={() => this.setState({ selection: [] })}
            onSearchSubmit={this.onSearchSubmit}
            searchPlaceholder={searchPlaceholder}
            searchDisabled={result.total === 0 && !query.hasQuery()}