From 20e366ffbd76781f48dc99c9f59e24b255b5e5df Mon Sep 17 00:00:00 2001
From: Igor Octaviano <igoroctaviano@gmail.com>
Date: Mon, 27 Apr 2020 05:39:11 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Dropdown=20not=20updating?=
 =?UTF-8?q?=20when=20selecting=20segment=20(#1675)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Observe selectedSegmentation changes to refresh segment list

✅ Closes: #1669
---
 .../src/components/SegmentationPanel/SegmentationPanel.js | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/extensions/dicom-segmentation/src/components/SegmentationPanel/SegmentationPanel.js b/extensions/dicom-segmentation/src/components/SegmentationPanel/SegmentationPanel.js
index 728b50d42..e532d9d81 100644
--- a/extensions/dicom-segmentation/src/components/SegmentationPanel/SegmentationPanel.js
+++ b/extensions/dicom-segmentation/src/components/SegmentationPanel/SegmentationPanel.js
@@ -130,7 +130,7 @@ const SegmentationPanel = ({
         segmentList: [],
       }));
     }
-  }, [studies, viewports, activeIndex, getLabelmapList, getSegmentList]);
+  }, [studies, viewports, activeIndex, getLabelmapList, getSegmentList, state.selectedSegmentation]);
 
   /* Handle open/closed panel behaviour */
   useEffect(() => {
@@ -424,11 +424,7 @@ const SegmentationPanel = ({
         <h3>Segmentations</h3>
         <div className="segmentations">
           <SegmentationSelect
-            value={
-              state.labelmapList.find(
-                i => i.value === state.selectedSegmentation
-              ) || null
-            }
+            value={state.labelmapList.find(i => i.value === state.selectedSegmentation)}
             formatOptionLabel={SegmentationItem}
             options={state.labelmapList}
           />