diff --git a/assets/js/src/segments/dynamic/dynamic_segments_filters/email_opens_absolute_count.tsx b/assets/js/src/segments/dynamic/dynamic_segments_filters/email_opens_absolute_count.tsx index a226a6f631..95d8b3856f 100644 --- a/assets/js/src/segments/dynamic/dynamic_segments_filters/email_opens_absolute_count.tsx +++ b/assets/js/src/segments/dynamic/dynamic_segments_filters/email_opens_absolute_count.tsx @@ -1,22 +1,57 @@ -import React from 'react'; +import React, { useEffect } from 'react'; +import { assign, compose, find } from 'lodash/fp'; + +import { Grid } from 'common/grid'; +import MailPoet from 'mailpoet'; import { EmailFormItem, - OnFilterChange, + OnFilterChange, SelectOption, } from '../types'; +import Select from '../../../common/form/react_select/react_select'; interface Props { onChange: OnFilterChange; item: EmailFormItem; } +const moreLessOptions = [ + { + label: MailPoet.I18n.t('moreThan'), + value: 'more', + }, + { + label: MailPoet.I18n.t('lessThan'), + value: 'less', + }, +]; + export const EmailOpensAbsoluteCountFields: React.FunctionComponent = ({ onChange, item, -}) => ( - <> -
- {item.name} -
- -); +}) => { + useEffect(() => { + if (item.operator === undefined) { + onChange(assign(item, { operator: 'more' })); + } + }, [onChange, item, item.operator]); + + return ( + <> + +
+
+