Refactor DropDownMenu to use onToggle method for event tracking
MAILPOET-6365
This commit is contained in:
committed by
Oluwaseun Olorunsola
parent
e73ffc1a79
commit
1e21223a73
@@ -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>
|
||||||
|
Reference in New Issue
Block a user