diff --git a/apps/explorer/src/components/orders/OrdersUserDetailsTable/ToggleFilter.tsx b/apps/explorer/src/components/orders/OrdersUserDetailsTable/ToggleFilter.tsx index 03eca693b8..64c0691ead 100644 --- a/apps/explorer/src/components/orders/OrdersUserDetailsTable/ToggleFilter.tsx +++ b/apps/explorer/src/components/orders/OrdersUserDetailsTable/ToggleFilter.tsx @@ -1,5 +1,6 @@ import React from 'react' -import styled from 'styled-components' + +import styled from 'styled-components/macro' interface BadgeProps { checked: boolean diff --git a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx index 9acc207b16..b346329bdc 100644 --- a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx +++ b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx @@ -21,10 +21,10 @@ import { Order, OrderStatus } from 'api/operator' import { getLimitPrice } from 'utils/getLimitPrice' import { OrderSurplusDisplayStyledByRow } from './OrderSurplusTooltipStyledByRow' +import { ToggleFilter } from './ToggleFilter' import { SimpleTable, SimpleTableProps } from '../../common/SimpleTable' import { StatusLabel } from '../StatusLabel' -import { ToggleFilter } from './ToggleFilter' import { UnsignedOrderWarning } from '../UnsignedOrderWarning' const EXPIRED_CANCELED_STATES: OrderStatus[] = ['cancelled', 'cancelling', 'expired'] diff --git a/apps/explorer/src/components/orders/UnsignedOrderWarning/index.tsx b/apps/explorer/src/components/orders/UnsignedOrderWarning/index.tsx index ef5a8addef..06e2e5a566 100644 --- a/apps/explorer/src/components/orders/UnsignedOrderWarning/index.tsx +++ b/apps/explorer/src/components/orders/UnsignedOrderWarning/index.tsx @@ -1,5 +1,6 @@ import { BannerOrientation, InlineBanner } from '@cowprotocol/ui' -import styled from 'styled-components' + +import styled from 'styled-components/macro' const StyledInlineBanner = styled(InlineBanner)` --cow-color-danger-text: ${({ theme }): string => theme.alert2};