ShareImageModal: Add ShareImageModal to clone (share) AWS composes

src/Components/ShareImageModal/ShareImageModal.js

@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { Modal } from '@patternfly/react-core';
+import { useLocation, useNavigate } from 'react-router-dom';
+import RegionsSelect from './RegionsSelect';
+import { resolveRelPath } from '../../Utilities/path';
+
+const ShareToRegionsModal = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const handleClose = () => navigate(resolveRelPath(''));
+  const [isOpen, setIsOpen] = useState(false);
+
+  const composeId = location?.state?.composeId;
+
+  const handleToggle = (isOpen) => setIsOpen(isOpen);
+
+  const handleEscapePress = () => {
+    if (isOpen) {
+      handleToggle(isOpen);
+    } else {
+      handleClose();
+    }
+  };
+
+  return (
+    <Modal
+      isOpen={true}
+      variant="small"
+      aria-label="Share to new region"
+      onClose={handleClose}
+      title="Share to new region"
+      description="Configure new regions for this image that will run on your AWS. All the
+        regions will launch with the same configuration."
+      onEscapePress={handleEscapePress}
+    >
+      <RegionsSelect
+        composeId={composeId}
+        handleClose={handleClose}
+        handleToggle={handleToggle}
+        isOpen={isOpen}
+        setIsOpen={setIsOpen}
+      />
+    </Modal>
+  );
+};
+
+export default ShareToRegionsModal;