Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Fix layout of the average order value segment in the segment edit page

Browse Source 
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
1 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mailpoet/assets/js/src/segments/dynamic/dynamic-segments-filters/fields/woocommerce/average-spent.tsx
View File

@@ -35,10 +35,10 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
}, [updateSegmentFilter, segment, filterIndex]); }, [updateSegmentFilter, segment, filterIndex]);
return ( return (
<> <>
<Grid.CenteredRow>
<Select <Select
key="select" key="select"
value={segment.average_spent_type} value={segment.average_spent_type}
isMinWidth
onChange={(e): void => { onChange={(e): void => {
void updateSegmentFilterFromEvent( void updateSegmentFilterFromEvent(
'average_spent_type', 'average_spent_type',
@@ -56,6 +56,7 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
<option value="<">{MailPoet.I18n.t('lessThan')}</option> <option value="<">{MailPoet.I18n.t('lessThan')}</option>
</Select> </Select>
<Input <Input
className="mailpoet-segments-input-small"
data-automation-id="input-average-spent-amount" data-automation-id="input-average-spent-amount"
type="number" type="number"
min={0} min={0}
@@ -71,7 +72,6 @@ export function AverageSpentFields({ filterIndex }: FilterProps): JSX.Element {
}} }}
/> />
<div>{wooCurrencySymbol}</div> <div>{wooCurrencySymbol}</div>
</Grid.CenteredRow>
<Grid.CenteredRow> <Grid.CenteredRow>
<DaysPeriodField filterIndex={filterIndex} /> <DaysPeriodField filterIndex={filterIndex} />
</Grid.CenteredRow> </Grid.CenteredRow>