New: Turn MediaInfo Popover into Modal, Add AudioFeatures

2026-04-22 22:15:17 -04:00 · 2019-12-26 21:52:05 -05:00
parent 5e7f0f9d78
commit 8476e36122
3 changed files with 76 additions and 14 deletions
@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { sizes } from 'Helpers/Props';
+import Button from 'Components/Link/Button';
+import Modal from 'Components/Modal/Modal';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import MediaInfoPopover from './Editor/MediaInfoPopover';
+
+function FileDetailsModal(props) {
+  const {
+    isOpen,
+    onModalClose,
+    mediaInfo
+  } = props;
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onModalClose={onModalClose}
+      size={sizes.SMALL}
+    >
+      <ModalContent
+        onModalClose={onModalClose}
+      >
+        <ModalHeader>
+          Details
+        </ModalHeader>
+
+        <ModalBody>
+          <MediaInfoPopover {...mediaInfo} />
+        </ModalBody>
+
+        <ModalFooter>
+          <Button onPress={onModalClose}>
+            Close
+          </Button>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  );
+}
+
+FileDetailsModal.propTypes = {
+  isOpen: PropTypes.bool.isRequired,
+  onModalClose: PropTypes.func.isRequired,
+  mediaInfo: PropTypes.object.isRequired
+};
+
+export default FileDetailsModal;