From 5c9460e222d6029b400c5547e5dac9eb348e67bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Ho=C3=A0i=20Danh?=
 <33005392+nguyenhoaidanh@users.noreply.github.com>
Date: Tue, 7 Nov 2023 14:05:28 +0700
Subject: [PATCH] chore: update rate text limit order (#2367)

---
 src/components/swapv2/LimitOrder/DeltaRate.tsx      | 4 +++-
 src/components/swapv2/LimitOrder/LimitOrderForm.tsx | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/swapv2/LimitOrder/DeltaRate.tsx b/src/components/swapv2/LimitOrder/DeltaRate.tsx
index 0929eb0b11..20a7204ecd 100644
--- a/src/components/swapv2/LimitOrder/DeltaRate.tsx
+++ b/src/components/swapv2/LimitOrder/DeltaRate.tsx
@@ -49,10 +49,12 @@ const DeltaRate = ({
   marketPrice,
   rateInfo,
   symbol,
+  invert,
 }: {
   marketPrice: BaseTradeInfo | undefined
   rateInfo: RateInfo
   symbol: string
+  invert: boolean
 }) => {
   const theme = useTheme()
 
@@ -65,7 +67,7 @@ const DeltaRate = ({
   )
   return (
     <Label style={{ display: 'flex', alignItems: 'center', whiteSpace: 'nowrap' }}>
-      <Trans>Sell {symbol} at rate</Trans>
+      {invert ? <Trans>Buy {symbol} at rate</Trans> : <Trans>Sell {symbol} at rate</Trans>}
       {percent ? (
         <>
           <Text as="span" color={color}>
diff --git a/src/components/swapv2/LimitOrder/LimitOrderForm.tsx b/src/components/swapv2/LimitOrder/LimitOrderForm.tsx
index 83b1dcc9ee..02eba4651b 100644
--- a/src/components/swapv2/LimitOrder/LimitOrderForm.tsx
+++ b/src/components/swapv2/LimitOrder/LimitOrderForm.tsx
@@ -742,6 +742,7 @@ const LimitOrderForm = forwardRef<LimitOrderFormHandle, Props>(function LimitOrd
           <InputWrapper>
             <Flex justifyContent={'space-between'} alignItems="center">
               <DeltaRate
+                invert={rateInfo.invert}
                 symbol={(rateInfo.invert ? currencyOut?.symbol : currencyIn?.symbol) ?? ''}
                 marketPrice={tradeInfo}
                 rateInfo={rateInfo}
@@ -764,7 +765,7 @@ const LimitOrderForm = forwardRef<LimitOrderFormHandle, Props>(function LimitOrd
               {currencyIn && currencyOut && (
                 <Flex style={{ gap: 6, cursor: 'pointer' }} onClick={() => onInvertRate(!rateInfo.invert)}>
                   <CurrencyLogo size={'18px'} currency={rateInfo.invert ? currencyIn : currencyOut} />
-                  <Text fontSize={14} color={theme.subText}>
+                  <Text fontSize={14} color={theme.subText} sx={{ userSelect: 'none' }}>
                     {rateInfo.invert ? currencyIn?.symbol : currencyOut?.symbol}
                   </Text>
                   <div>