fix(ui/ingest): expand when clicking anywhere not just icon (#14515)

This commit is contained in:
Aseem Bansal 2025-08-20 21:12:35 +05:30 committed by GitHub
parent d4349b3ae2
commit eb902858e7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -47,8 +47,9 @@ export function StructuredReportItem({ item, color, textColor, icon, defaultActi
return ( return (
<StyledCard <StyledCard
style={{ backgroundColor: color }} style={{ backgroundColor: color }}
onClick={toggleExpanded}
icon={ icon={
<HeaderContainer onClick={toggleExpanded}> <HeaderContainer>
{icon && <Icon icon={icon} source="phosphor" style={{ color: textColor }} size="md" />} {icon && <Icon icon={icon} source="phosphor" style={{ color: textColor }} size="md" />}
<ChevronIcon <ChevronIcon
icon={isExpanded ? 'CaretUp' : 'CaretDown'} icon={isExpanded ? 'CaretUp' : 'CaretDown'}
@ -69,10 +70,10 @@ export function StructuredReportItem({ item, color, textColor, icon, defaultActi
</Text> </Text>
} }
width="100%" width="100%"
isCardClickable={false} isCardClickable
> >
{isExpanded && ( {isExpanded && (
<Content> <Content onClick={(e) => e.stopPropagation()}>
<StructuredReportItemContext item={item} /> <StructuredReportItemContext item={item} />
</Content> </Content>
)} )}