Make custom manifest code editor read-only (#2273)

Co-authored-by: Jonathan Kilzi <[email protected]>
openshift-assisted · Jul 25, 2023 · 62ccc6d · 62ccc6d
1 parent e035e35
commit 62ccc6d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/libs/ui-lib/lib/common/components/ui/formik/CodeField.tsx b/libs/ui-lib/lib/common/components/ui/formik/CodeField.tsx
@@ -20,6 +20,7 @@ const CodeField = ({
   isDisabled,
   downloadFileName,
   dataTestid,
+  isReadOnly,
 }: CodeFieldProps) => {
   const [field, , { setValue, setTouched }] = useField({ name, validate });
   const fieldId = getFieldId(name, 'input', idPostfix);
@@ -61,6 +62,7 @@ const CodeField = ({
                 setValue(value, true);
               }
             }}
+            isReadOnly={isReadOnly}
           />
         </FormGroup>
       </StackItem>

diff --git a/...cm/components/clusterConfiguration/manifestsConfiguration/components/ExpandedManifest.tsx b/...cm/components/clusterConfiguration/manifestsConfiguration/components/ExpandedManifest.tsx
@@ -62,6 +62,7 @@ const ExpandedManifest = ({ fieldName, manifestIdx }: CustomManifestComponentPro
             label="Content"
             isRequired
             downloadFileName={getDownloadFileName(manifestIdx, value)}
+            isReadOnly
           />
         </GridItem>
       </Grid>