Wiki optimized third (#2406)

frontend/src/components/dialog/zip-download-dialog.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+
+class ZipDownloadDialog extends React.Component {
+
+  toggle = () => {
+    this.props.onCancelDownload();
+  }
+
+  render() {
+    return (
+      <Modal isOpen={true} toggle={this.toggle}>
+        <ModalHeader toggle={this.toggle}></ModalHeader>
+        <ModalBody>
+          <div>{this.props.progress}</div>
+        </ModalBody>
+      </Modal>
+    )
+  }
+}
+
+export default ZipDownloadDialog;