fix: button expertise view tiap study

platform/ui-next/src/components/SidePanel/SidePanel.tsx

@@ -154,6 +154,7 @@ const SidePanel = ({
   expandedWidth = 280,
   onActiveTabIndexChange,
   servicesManager, // Tambah servicesManager as a prop
+  studyInstanceUID,
 }) => {
   const [panelOpen, setPanelOpen] = useState(activeTabIndexProp !== null);
   const [activeTabIndex, setActiveTabIndex] = useState(0);
@@ -166,8 +167,8 @@ const SidePanel = ({
   const [viewportData, setViewportData] = useState(null);
 
   // Harusnya (viewportId), tapi karena gabutuh perubahan viewport maka dihardcode 'default'
-  const viewportInfo = cornerstoneViewportService.getViewportInfo('default');
-  const studyInstanceUID = viewportInfo?.viewportData?.data?.[0]?.StudyInstanceUID || '';
+  // const viewportInfo = cornerstoneViewportService.getViewportInfo('default');
+  // const studyInstanceUID = viewportInfo?.viewportData?.data?.[0]?.StudyInstanceUID || '';
 
   const styleMap = createStyleMap(expandedWidth, borderSize, collapsedWidth);
   const baseStyle = createBaseStyle(expandedWidth);
@@ -623,6 +624,7 @@ SidePanel.propTypes = {
   onActiveTabIndexChange: PropTypes.func,
   expandedWidth: PropTypes.number,
   servicesManager: PropTypes.object.isRequired, // Tambah servicesManager prop
+  studyInstanceUID: PropTypes.string, // Tambahkan prop studyInstanceUID
 };
 
 export { SidePanel };

platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx

@@ -63,6 +63,7 @@ const StudyBrowser = ({
               viewPreset={viewPreset}
               onThumbnailContextMenu={onThumbnailContextMenu}
               servicesManager={servicesManager} // Pass servicesManager ke Study Item
+              studyInstanceUid={studyInstanceUid}
             />
           </React.Fragment>
         );

platform/ui-next/src/components/StudyItem/StudyItem.tsx

@@ -21,7 +21,10 @@ const StudyItem = ({
   viewPreset = 'thumbnails',
   onThumbnailContextMenu,
   servicesManager, // Tambah servicesManager as a prop
+  studyInstanceUid = '',
 }: withAppTypes) => {
+  // FETCHING ACCESSION NUMBER DAN EXPERTISE
+
   return (
     <Accordion
       type="single"
@@ -59,16 +62,17 @@ const StudyItem = ({
             <>
               {/* Expertise Button */}
               <div
-                className="bg-primary-dark hover:bg-primary-active mx-4 my-4 cursor-pointer rounded-lg border border-white py-2 text-center text-white"
+                className="bg-primary-dark hover:bg-primary-active mx-8 my-4 cursor-pointer rounded-lg border border-white py-3 text-center text-white"
                 onClick={() => {
                   // Trigger the expertise panel in the right side panel (segmentation Panel)
                   servicesManager.services.panelService.activatePanel(
-                    '@ohif/extension-cornerstone.panelModule.panelSegmentation-exp',
+                    // '@ohif/extension-cornerstone.panelModule.panelSegmentation-exp',
+                    `@ohif/extension-cornerstone.panelModule.panelSegmentation-exp-${studyInstanceUid}`,
                     true
                   );
                 }}
               >
-                View Expertise
+                Expertise
               </div>
 
               {/* Thumbnails */}
@@ -105,6 +109,7 @@ StudyItem.propTypes = {
   onClickUntrack: PropTypes.func,
   viewPreset: PropTypes.string,
   servicesManager: PropTypes.object.isRequired, // Tambah servicesManager prop
+  studyInstanceUid: PropTypes.string.string,
 };
 
 export { StudyItem };