clickable APNGs

[alttp.git] / resources / js / components / common / PngDialog.js

diff --git a/resources/js/components/common/PngDialog.js b/resources/js/components/common/PngDialog.js
new file mode 100644 (file)
index 0000000..dbd030f
--- /dev/null
+++ b/resources/js/components/common/PngDialog.js
@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Modal } from 'react-bootstrap';
+
+import PngPlayer from './PngPlayer';
+
+const PngDialog = ({ onHide, show, src, title }) => <Modal onHide={onHide} show={show} size="lg">
+       {title ?
+               <Modal.Header closeButton>
+                       <Modal.Title>
+                               {title}
+                       </Modal.Title>
+               </Modal.Header>
+       : null}
+       <Modal.Body>
+               <PngPlayer src={src} />
+       </Modal.Body>
+</Modal>;
+
+PngDialog.propTypes = {
+       onHide: PropTypes.func,
+       show: PropTypes.bool,
+       src: PropTypes.string,
+       title: PropTypes.string,
+};
+
+export default PngDialog;