Fix layout of the average order value segment in the segment edit page
See https://github.com/mailpoet/mailpoet/pull/5174#issuecomment-1746542729 [MAILPOET-5398]
This commit is contained in:
committed by
Aschepikov
parent
48dc2d7507
commit
1b6aed906a
@ -35,10 +35,10 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
|
||||
}, [updateSegmentFilter, segment, filterIndex]);
|
||||
return (
|
||||
<>
|
||||
<Grid.CenteredRow>
|
||||
<Select
|
||||
key="select"
|
||||
value={segment.average_spent_type}
|
||||
isMinWidth
|
||||
onChange={(e): void => {
|
||||
void updateSegmentFilterFromEvent(
|
||||
'average_spent_type',
|
||||
@ -56,6 +56,7 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
|
||||
<option value="<">{MailPoet.I18n.t('lessThan')}</option>
|
||||
</Select>
|
||||
<Input
|
||||
className="mailpoet-segments-input-small"
|
||||
data-automation-id="input-average-spent-amount"
|
||||
type="number"
|
||||
min={0}
|
||||
@ -71,7 +72,6 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
|
||||
}}
|
||||
/>
|
||||
<div>{wooCurrencySymbol}</div>
|
||||
</Grid.CenteredRow>
|
||||
<Grid.CenteredRow>
|
||||
<DaysPeriodField filterIndex={filterIndex} />
|
||||
</Grid.CenteredRow>
|
||||
|
Reference in New Issue
Block a user