fix: enable measurements panel scroll (#4943)

This commit is contained in:
Pedro Köhler 2025-04-11 13:40:35 -03:00 committed by GitHub
parent 8a08d26f01
commit 7a36eba67c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 27 additions and 25 deletions

View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { utils } from '@ohif/core'; import { utils } from '@ohif/core';
import { AccordionTrigger, MeasurementTable, useViewportGrid } from '@ohif/ui-next'; import { AccordionTrigger, MeasurementTable, ScrollArea, useViewportGrid } from '@ohif/ui-next';
import { import {
PanelMeasurement, PanelMeasurement,
StudyMeasurements, StudyMeasurements,
@ -83,29 +83,31 @@ function PanelMeasurementTableTracking(props) {
); );
return ( return (
<div data-cy="trackedMeasurements-panel"> <ScrollArea>
<PanelMeasurement <div data-cy="trackedMeasurements-panel">
measurementFilter={measurementFilter} <PanelMeasurement
emptyComponent={EmptyComponent} measurementFilter={measurementFilter}
sourceChildren={props.children} emptyComponent={EmptyComponent}
> sourceChildren={props.children}
<StudyMeasurements grouping={props.grouping}> >
<AccordionGroup.Trigger <StudyMeasurements grouping={props.grouping}>
key="trackingMeasurementsHeader" <AccordionGroup.Trigger
asChild={true} key="trackingMeasurementsHeader"
> asChild={true}
<Header key="trackingHeadChild" /> >
</AccordionGroup.Trigger> <Header key="trackingHeadChild" />
<MeasurementsOrAdditionalFindings </AccordionGroup.Trigger>
key="measurementsOrAdditionalFindings" <MeasurementsOrAdditionalFindings
activeStudyUID={trackedStudy} key="measurementsOrAdditionalFindings"
customHeader={StudyMeasurementsActions} activeStudyUID={trackedStudy}
measurementFilter={measurementFilter} customHeader={StudyMeasurementsActions}
actions={actions} measurementFilter={measurementFilter}
/> actions={actions}
</StudyMeasurements> />
</PanelMeasurement> </StudyMeasurements>
</div> </PanelMeasurement>
</div>
</ScrollArea>
); );
} }

View File

@ -57,7 +57,7 @@ const ScrollArea = React.forwardRef<
<ScrollAreaPrimitive.Root <ScrollAreaPrimitive.Root
ref={ref} ref={ref}
className={cn('relative h-full overflow-hidden', className)} className={cn('relative h-full overflow-hidden', className)}
type={props.type || 'auto'} type={props.type}
{...props} {...props}
> >
<ScrollAreaPrimitive.Viewport <ScrollAreaPrimitive.Viewport