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:
Rodrigo Primo
2023-10-04 10:05:01 -03:00
committed by Aschepikov
parent 48dc2d7507
commit 1b6aed906a

View File

@ -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>