update css

src/components/swapv2/LimitOrder/ExpirePicker.tsx

@@ -1,5 +1,6 @@
 import { Trans } from '@lingui/macro'
 import dayjs from 'dayjs'
+import { rgba } from 'polished'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { Calendar, X } from 'react-feather'
 import { Flex, Text } from 'rebass'
@@ -44,8 +45,8 @@ const DefaultOptionContainer = styled.div`
 `
 
 const ResultContainer = styled.div`
-  border: ${({ theme }) => `1px solid ${theme.warning}`};
-  padding: 10px;
+  background-color: ${({ theme }) => rgba(theme.warning, 0.2)};
+  padding: 12px;
   border-radius: 20px;
   width: 100%;
   display: flex;

src/components/swapv2/LimitOrder/ListOrder/index.tsx

@@ -2,13 +2,14 @@ import { Trans, t } from '@lingui/macro'
 import { rgba } from 'polished'
 import { stringify } from 'querystring'
 import { ReactNode, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react'
-import { Info, Trash } from 'react-feather'
+import { Trash } from 'react-feather'
 import { useNavigate } from 'react-router-dom'
 import { useMedia } from 'react-use'
 import { Flex, Text } from 'rebass'
 import { useGetListOrdersQuery } from 'services/limitOrder'
 import styled from 'styled-components'
 
+import { ReactComponent as NoDataIcon } from 'assets/svg/no-data.svg'
 import { ButtonLight } from 'components/Button'
 import Column from 'components/Column'
 import LocalLoader from 'components/LocalLoader'
@@ -376,12 +377,12 @@ export default forwardRef<ListOrderHandle>(function ListLimitOrder(props, ref) {
               </TableFooter>
             ) : (
               <NoResultWrapper>
-                <Info size={30} />
+                <NoDataIcon />
                 <Text marginTop={'10px'}>
                   {keyword ? (
                     <Trans>No orders found</Trans>
                   ) : isTabActive ? (
-                    <Trans>You don&apos;t have any active orders yet</Trans>
+                    <Trans>You don&apos;t have any open orders yet</Trans>
                   ) : (
                     <Trans>You don&apos;t have any order history</Trans>
                   )}

src/components/swapv2/LimitOrder/Modals/styled.tsx

@@ -103,7 +103,7 @@ export const MarketInfo = ({
     >
       <Row>
         <Label style={{ fontSize: 12 }}>
-          <Trans>Estimated Market Price</Trans>
+          <Trans>Est. Market Price</Trans>
         </Label>
         <Value style={{ maxWidth: '60%' }}>
           <TradePrice

src/components/swapv2/LimitOrder/const.ts

@@ -14,7 +14,9 @@ export const getExpireOptions = () =>
   [
     MIN_TIME_MINUTES * TIMES_IN_SECS.ONE_MIN,
     10 * TIMES_IN_SECS.ONE_MIN,
+    30 * TIMES_IN_SECS.ONE_MIN,
     TIMES_IN_SECS.ONE_HOUR,
+    TIMES_IN_SECS.ONE_DAY,
     3 * TIMES_IN_SECS.ONE_DAY,
     7 * TIMES_IN_SECS.ONE_DAY,
     30 * TIMES_IN_SECS.ONE_DAY,