fix: pass readonly to MultipleSystemsDropdown via props. Make it disa…

…bled if readonly.
klarna-incubator · Jun 4, 2024 · e58381c · e58381c
1 parent 3372089
commit e58381c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/src/components/elements/MultipleSystemsDropdown.js b/app/src/components/elements/MultipleSystemsDropdown.js
@@ -8,6 +8,7 @@ export function MultipleSystemsDropdown({
   systems,
   onChange,
   multiple,
+  readOnly,
   ...props
 }) {
   const [options, setOptions] = useState([]);
@@ -18,7 +19,6 @@ export function MultipleSystemsDropdown({
     useLazySearchQuery();
 
   const systemList = result?.systems;
-  const readOnly = useReadOnly();
 
   useEffect(() => {
     const newOptions = [];
@@ -67,8 +67,9 @@ export function MultipleSystemsDropdown({
       autoHighlight
       fullWidth
       freeSolo
-      readOnly={readOnly}
       filterSelectedOptions
+      readOnly={readOnly}
+      disabled={readOnly}
       value={systems.map((s) => options.find((o) => o.value === s))}
       getOptionLabel={(option) => (option.label ? option.label : option.value)}
       isOptionEqualToValue={(option, value) => option.value === value.value}

diff --git a/app/src/components/model/panels/left/ComponentTab.js b/app/src/components/model/panels/left/ComponentTab.js
@@ -159,6 +159,7 @@ export function ComponentTab() {
                   console.log("new val", v);
                   updateFields({ systems: v });
                 }}
+                readOnly={readOnly}
               />
 
               <TextField