Refactor DropDownMenu to use onToggle method for event tracking

MAILPOET-6365
This commit is contained in:
Oluwaseun Olorunsola
2024-12-19 21:22:29 +01:00
committed by Oluwaseun Olorunsola
parent e73ffc1a79
commit 1e21223a73

View File

@@ -69,54 +69,53 @@ export function EmailTypeInfo() {
'Template actions', 'Template actions',
'mailpoet' 'mailpoet'
) } ) }
onToggle={ ( isOpen ) =>
recordEvent(
'sidebar_template_actions_clicked',
{
currentTemplate:
template?.title,
isOpen,
}
)
}
> >
{ ( { onClose, isOpen } ) => { { ( { onClose } ) => (
if ( isOpen ) { <>
recordEvent( <MenuItem
'sidebar_template_actions_clicked', onClick={ () => {
{ recordEvent(
currentTemplate: 'sidebar_template_actions_edit_template_clicked'
template?.title, );
} setEditTemplateModalOpen(
); true
} );
return ( onClose();
<> } }
<MenuItem >
onClick={ () => { { __(
recordEvent( 'Edit template',
'sidebar_template_actions_edit_template_clicked' 'mailpoet'
); ) }
setEditTemplateModalOpen( </MenuItem>
true <MenuItem
); onClick={ () => {
onClose(); recordEvent(
} } 'sidebar_template_actions_swap_template_clicked'
> );
{ __( setSelectTemplateModalOpen(
'Edit template', true
'mailpoet' );
) } onClose();
</MenuItem> } }
<MenuItem >
onClick={ () => { { __(
recordEvent( 'Swap template',
'sidebar_template_actions_swap_template_clicked' 'mailpoet'
); ) }
setSelectTemplateModalOpen( </MenuItem>
true </>
); ) }
onClose();
} }
>
{ __(
'Swap template',
'mailpoet'
) }
</MenuItem>
</>
);
} }
</DropdownMenu> </DropdownMenu>
</FlexItem> </FlexItem>
</Flex> </Flex>