render() {
      const { rows, filesMetadata } = this.state;
      return (
        <div className="App">
            <div className="Margin-25">
                <FilePond allowMultiple={true}
                        maxFiles={3}
                        ref= {ref => this.pond = ref}
                        server={{ process: this.handleProcessing.bind(this) }}
                        oninit={() => this.handleInit()}>

                    {this.state.files.map(file => (
                        <File key={file} source={file} />
                    ))}

                </FilePond>

                <StorageDataTable
                    rows={rows}
                    filesMetadata={filesMetadata}
                    deleteData={this.deleteMetaDataFromDatabase}
                />
            </div>
        </div>
      );
  }