fixup! Add option to clone containers

Author: KKoukiou

src/ImageRunModal.jsx

@@ -1166,30 +1166,6 @@ export class ImageRunModal extends React.Component {
             </Form>
         );
 
-        const cardFooter = () => {
-            let createRunText = _("Create and run");
-            let createText = _("Create");
-
-            if (this.props.prefill) {
-                createRunText = _("Clone and run");
-                createText = _("Clone");
-            }
-
-            return (
-                <>
-                    <Button variant='primary' id="create-image-create-run-btn" onClick={() => this.onCreateClicked(true)} isDisabled={(!image && selectedImage === "")}>
-                        {createRunText}
-                    </Button>
-                    <Button variant='secondary' id="create-image-create-btn" onClick={() => this.onCreateClicked(false)} isDisabled={(!image && selectedImage === "")}>
-                        {createText}
-                    </Button>
-                    <Button variant='link' className='btn-cancel' onClick={Dialogs.close}>
-                        {_("Cancel")}
-                    </Button>
-                </>
-            );
-        };
-
         return (
             <Modal isOpen
                    position="top" variant="medium"
@@ -1202,11 +1178,37 @@ export class ImageRunModal extends React.Component {
                            Dialogs.close();
                        }
                    }}
-                   title={this.props.pod ? cockpit.format(_("Create container in $0"), this.props.pod.Name) : _("Create container")}
-                   footer={cardFooter()}
+                   title={this.props.pod ? cockpit.format(_("Create container in $0"), this.props.pod.Name) : (this.props.prefill ? _("Clone container") : _("Create container"))}
+                   footer={
+                       <ImageRunModalFooter
+                           image={image}
+                           selectedImage={selectedImage}
+                           close={Dialogs.close}
+                           prefill={this.props.prefill}
+                           onCreateClicked={this.onCreateClicked} />
+                   }
             >
                 {defaultBody}
             </Modal>
         );
     }
 }
+
+const ImageRunModalFooter = ({ image, selectedImage, prefill, close, onCreateClicked }) => {
+    const createRunText = prefill ? _("Clone and run") : _("Create and run");
+    const createText = prefill ? _("Clone") : _("Create");
+
+    return (
+        <>
+            <Button variant='primary' id="create-image-create-run-btn" onClick={() => onCreateClicked(true)} isDisabled={(!image && selectedImage === "")}>
+                {createRunText}
+            </Button>
+            <Button variant='secondary' id="create-image-create-btn" onClick={() => onCreateClicked(false)} isDisabled={(!image && selectedImage === "")}>
+                {createText}
+            </Button>
+            <Button variant='link' className='btn-cancel' onClick={close}>
+                {_("Cancel")}
+            </Button>
+        </>
+    );
+};