chore: Disable already selected outcrops.

equinor · Aug 30, 2024 · 0686360 · 0686360
1 parent 6633233
commit 0686360
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/OutcropAnalogue/OutcropAnalogueGroup/OutcropAnalogueGroup.tsx b/src/components/OutcropAnalogue/OutcropAnalogueGroup/OutcropAnalogueGroup.tsx
@@ -170,6 +170,7 @@ export const OutcropAnalogueGroup = ({
         <Dialog.CustomContent>
           <OutcropSelect
             outcropObject={outcropObject}
+            outcropGroup={outcropGroup}
             setOutcropObject={setOutcropObject}
           />
         </Dialog.CustomContent>

diff --git a/src/components/OutcropAnalogue/OutcropSelect/OutcropSelect.tsx b/src/components/OutcropAnalogue/OutcropSelect/OutcropSelect.tsx
@@ -6,15 +6,24 @@ import { OutcropType } from '../OutcropAnalogueGroup/OutcropAnalogueGroup';
 
 export const OutcropSelect = ({
   outcropObject,
+  outcropGroup,
   setOutcropObject,
 }: {
   outcropObject: OutcropType;
+  outcropGroup: OutcropDto[];
   setOutcropObject: React.Dispatch<React.SetStateAction<OutcropType>>;
 }) => {
   const OutcropData = useFetchOutcropData();
   if (OutcropData.isLoading || !OutcropData.data?.success)
     return <p>Loading .....</p>;
 
+  const filterDisabled = (option: OutcropDto) => {
+    const caseExists = outcropGroup.filter(
+      (outcrop) => outcrop.outcropId === option.outcropId,
+    );
+    return caseExists.length > 0;
+  };
+
   return (
     <div>
       <Autocomplete
@@ -42,6 +51,7 @@ export const OutcropSelect = ({
 
           setOutcropObject(copyObject);
         }}
+        optionDisabled={filterDisabled}
         noOptionsText="No options"
       />