fix: use experiment-wide min/max for eFP colour scale instead of group

Author: VinLau

Eplant/views/eFP/Viewer/EFPViewer.tsx

@@ -191,7 +191,7 @@ export const EFPViewer = ({
             borderRadius: 1,
           })}
         >
-          {data.viewData[activeViewIndex].supported ? (
+          {sortedViewData[activeViewIndex].supported ? (
             <>
               <div>
                 <Typography
@@ -204,7 +204,7 @@ export const EFPViewer = ({
                 </Typography>
 
                 <GeneDistributionChart
-                  data={{ ...data.viewData[activeViewIndex] }}
+                  data={{ ...sortedViewData[activeViewIndex] }}
                 />
               </div>
               <MaskModal
@@ -229,7 +229,7 @@ export const EFPViewer = ({
                   zIndex: 10,
                 })}
                 data={{
-                  ...data.viewData[activeViewIndex],
+                  ...sortedViewData[activeViewIndex],
                 }}
                 maskThreshold={state.maskThreshold}
                 colorMode={state.colorMode}

Eplant/views/eFP/svg.tsx

@@ -124,12 +124,13 @@ export function getColor(
 
 export function useStyles(
   id: string,
-  { groups, control }: EFPData,
+  data: EFPData,
   colorMode: ColorMode,
   maskThreshold?: number,
   maskingEnabled?: boolean
 ) {
   const theme = useTheme()
+  const { groups, control } = data
   const samples = groups
     .flatMap((group) =>
       group.tissues.map(
@@ -138,7 +139,7 @@ export function useStyles(
             tissue.id
           } { fill: ${getColor(
             tissue.mean,
-            group,
+            data,
             control ?? 1,
             theme,
             colorMode,