diff --git a/src/pages/gallery/components/CollectionSelector.tsx b/src/pages/gallery/components/CollectionSelector.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b1f99ea19811349f9dfe47ea0e528f0679372ab6
--- /dev/null
+++ b/src/pages/gallery/components/CollectionSelector.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { Button, Modal } from 'react-bootstrap';
+
+function CollectionSelector({ modalView, closeModal, showModal }) {
+  return (
+    <>
+      {/* <Button variant='primary' onClick={showModal}>
+        Launch demo modal
+      </Button> */}
+
+      <Modal show={modalView} onHide={closeModal}>
+        <Modal.Header closeButton>
+          <Modal.Title>Modal heading</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>Woohoo, you're reading this text in a modal!</Modal.Body>
+        <Modal.Footer>
+          <Button variant='secondary' onClick={closeModal}>
+            Close
+          </Button>
+          <Button variant='primary' onClick={closeModal}>
+            Save Changes
+          </Button>
+        </Modal.Footer>
+      </Modal>
+    </>
+  );
+}
+
+export default CollectionSelector;