djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix DOM nesting

Browse source
This commit is contained in:
Jakub Majorek 2021-04-01 14:31:23 +02:00
parent e5fdef53df
commit f400f1ae89
1 changed files with 73 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

144
src/orders/components/OrderList/OrderList.tsx
View file

@ -99,77 +99,79 @@ export const OrderList: React.FC<OrderListProps> = props => {
return ( return (
<ResponsiveTable> <ResponsiveTable>
<TableHead> <TableHead>
<TableCellHeader <TableRow>
direction={ <TableCellHeader
sort.sort === OrderListUrlSortField.number direction={
? getArrowDirection(sort.asc) sort.sort === OrderListUrlSortField.number
: undefined ? getArrowDirection(sort.asc)
} : undefined
arrowPosition="right" }
onClick={() => onSort(OrderListUrlSortField.number)} arrowPosition="right"
className={classes.colNumber} onClick={() => onSort(OrderListUrlSortField.number)}
> className={classes.colNumber}
<FormattedMessage defaultMessage="No. of Order" /> >
</TableCellHeader> <FormattedMessage defaultMessage="No. of Order" />
<TableCellHeader </TableCellHeader>
direction={ <TableCellHeader
sort.sort === OrderListUrlSortField.date direction={
? getArrowDirection(sort.asc) sort.sort === OrderListUrlSortField.date
: undefined ? getArrowDirection(sort.asc)
} : undefined
onClick={() => onSort(OrderListUrlSortField.date)} }
className={classes.colDate} onClick={() => onSort(OrderListUrlSortField.date)}
> className={classes.colDate}
<FormattedMessage >
defaultMessage="Date" <FormattedMessage
description="date when order was placed" defaultMessage="Date"
/> description="date when order was placed"
</TableCellHeader> />
<TableCellHeader </TableCellHeader>
direction={ <TableCellHeader
sort.sort === OrderListUrlSortField.customer direction={
? getArrowDirection(sort.asc) sort.sort === OrderListUrlSortField.customer
: undefined ? getArrowDirection(sort.asc)
} : undefined
onClick={() => onSort(OrderListUrlSortField.customer)} }
className={classes.colCustomer} onClick={() => onSort(OrderListUrlSortField.customer)}
> className={classes.colCustomer}
<FormattedMessage >
defaultMessage="Customer" <FormattedMessage
description="e-mail or full name" defaultMessage="Customer"
/> description="e-mail or full name"
</TableCellHeader> />
<TableCellHeader </TableCellHeader>
direction={ <TableCellHeader
sort.sort === OrderListUrlSortField.payment direction={
? getArrowDirection(sort.asc) sort.sort === OrderListUrlSortField.payment
: undefined ? getArrowDirection(sort.asc)
} : undefined
onClick={() => onSort(OrderListUrlSortField.payment)} }
className={classes.colPayment} onClick={() => onSort(OrderListUrlSortField.payment)}
> className={classes.colPayment}
<FormattedMessage >
defaultMessage="Payment" <FormattedMessage
description="payment status" defaultMessage="Payment"
/> description="payment status"
</TableCellHeader> />
<TableCellHeader </TableCellHeader>
direction={ <TableCellHeader
sort.sort === OrderListUrlSortField.fulfillment direction={
? getArrowDirection(sort.asc) sort.sort === OrderListUrlSortField.fulfillment
: undefined ? getArrowDirection(sort.asc)
} : undefined
onClick={() => onSort(OrderListUrlSortField.fulfillment)} }
className={classes.colFulfillment} onClick={() => onSort(OrderListUrlSortField.fulfillment)}
> className={classes.colFulfillment}
<FormattedMessage defaultMessage="Fulfillment status" /> >
</TableCellHeader> <FormattedMessage defaultMessage="Fulfillment status" />
<TableCellHeader textAlign="right" className={classes.colTotal}> </TableCellHeader>
<FormattedMessage <TableCellHeader textAlign="right" className={classes.colTotal}>
defaultMessage="Total" <FormattedMessage
description="total order price" defaultMessage="Total"
/> description="total order price"
</TableCellHeader> />
</TableCellHeader>
</TableRow>
</TableHead> </TableHead>
<TableFooter> <TableFooter>
<TableRow> <TableRow>