KyberNetwork · nguyenhoaidanh · Oct 19, 2023 · Oct 16, 2023 · Oct 17, 2023 · Oct 17, 2023
diff --git a/src/components/Announcement/Popups/PopupTopRightDescriptions/DescriptionCrossChain.tsx b/src/components/Announcement/Popups/PopupTopRightDescriptions/DescriptionCrossChain.tsx
@@ -31,7 +31,7 @@ const DescriptionCrossChain = (
     link: `${APP_PATHS.CROSS_CHAIN}?tab=${CrossChainTab.HISTORY}`,
     summary: isSuccess
       ? t`${amountIn} ${srcTokenSymbol} on ${srcChainName} has been successfully swapped to ${amountOut} ${dstTokenSymbol} on ${dstChainName}`
-      : t`There was an issue with swapping ${amountIn} ${srcTokenSymbol} on ${srcChainName} to ${amountOut} ${dstTokenSymbol} on ${dstChainName}. Your assets remain in your wallet`,
+      : t`There was an issue with swapping ${amountIn} ${srcTokenSymbol} on ${srcChainName} to ${amountOut} ${dstTokenSymbol} on ${dstChainName}. Your assets remain in your wallet.`,
   }
 }
 export default DescriptionCrossChain
diff --git a/src/components/Announcement/Popups/TransactionPopup.tsx b/src/components/Announcement/Popups/TransactionPopup.tsx
@@ -60,7 +60,7 @@ const summaryClaim = (txs: TransactionDetails) => {
 }
 
 const summaryStakeUnstakeFarm = (txs: TransactionDetails) => {
-  return txs.type === TRANSACTION_TYPE.STAKE ? t`Stake liquidity into farm` : t`Unstake liquidity from farm`
+  return txs.type === TRANSACTION_TYPE.STAKE ? t`Stake liquidity into farm` : t`Unstake liquidity from farm.`
 }
 
 // ex: elastic add liquidity 30 knc and 40 usdt
@@ -105,7 +105,7 @@ const summaryDelegateDao = (txs: TransactionDetails) => {
       ? t`undelegated your voting power`
       : t`delegated voting power to ${contract.slice(0, 6)}...${contract.slice(-4)}`
 
-  return { success: t`You have successfully ${summary}`, error: t`Error ${summary}` }
+  return { success: t`You have successfully ${summary}`, error: t`Error ${summary}.` }
 }
 
 const summaryCancelLimitOrder = (txs: TransactionDetails) => {

diff --git a/src/components/AppHaveUpdate.tsx b/src/components/AppHaveUpdate.tsx
@@ -43,7 +43,7 @@ const AppHaveUpdate = () => {
   return (
     <Wrapper>
       <Text>
-        <Trans>New contents are available</Trans>
+        <Trans>New contents are available.</Trans>
       </Text>
       <ButtonPrimary
         style={{ width: 'fit-content', padding: '8px 20px', margin: 'auto', marginTop: '1rem' }}

diff --git a/src/components/Badge/RangeBadge.tsx b/src/components/Badge/RangeBadge.tsx
@@ -49,7 +49,9 @@ export default function RangeBadge({
       ) : inRange ? (
         <MouseoverTooltip
           text={
-            <Trans>The price of this pool is within your selected range. Your position is currently earning fees</Trans>
+            <Trans>
+              The price of this pool is within your selected range. Your position is currently earning fees.
+            </Trans>
           }
         >
           <Badge variant={BadgeVariant.PRIMARY} style={{ padding: hideText ? '4px' : undefined }}>
@@ -70,7 +72,7 @@ export default function RangeBadge({
           text={
             <Trans>
               The price of this pool is outside of your selected price range. Currently, your position is not earning
-              any fees or rewards
+              any fees or rewards.
             </Trans>
           }
         >

diff --git a/src/components/Header/web3/NetworkModal/Networks.tsx b/src/components/Header/web3/NetworkModal/Networks.tsx
@@ -195,7 +195,7 @@ const Networks = ({
             text={
               disabled
                 ? isMaintenance
-                  ? t`Chain under maintenance. We will be back as soon as possible`
+                  ? t`Chain under maintenance. We will be back as soon as possible.`
                   : disabledMsg
                 : ''
             }

diff --git a/src/components/Header/web3/SelectNetwork.tsx b/src/components/Header/web3/SelectNetwork.tsx
@@ -95,14 +95,14 @@ function SelectNetwork(): JSX.Element | null {
       </NetworkSwitchContainer>
       <NetworkModal
         selectedId={chainId}
-        disabledMsg={t`Unsupported by your wallet`}
+        disabledMsg={t`Unsupported by your wallet.`}
         activeChainIds={walletSupportsChain}
       />
     </NetworkCard>
   )
   if (disableSelectNetwork)
     return (
-      <MouseoverTooltip text={t`Unable to switch network. Please try it on your wallet`}>{button}</MouseoverTooltip>
+      <MouseoverTooltip text={t`Unable to switch network. Please try it on your wallet.`}>{button}</MouseoverTooltip>
     )
   return button
 }

diff --git a/src/components/Header/web3/SelectWallet.tsx b/src/components/Header/web3/SelectWallet.tsx
@@ -171,7 +171,7 @@ function Web3StatusInner() {
                       >
                         sign-in
                       </span>{' '}
-                      to link your wallet to a profile. This will allow us to offer you a better experience
+                      to link your wallet to a profile. This will allow us to offer you a better experience.
                     </Trans>
                   </Text>
                 }

diff --git a/src/components/Header/web3/WalletModal/Option.tsx b/src/components/Header/web3/WalletModal/Option.tsx
@@ -169,7 +169,7 @@ const Option = ({
 
   if (walletKey === 'WALLET_CONNECT') {
     return (
-      <MouseoverTooltip placement="bottom" text={<Trans>Under development and unsupported by most wallets</Trans>}>
+      <MouseoverTooltip placement="bottom" text={<Trans>Under development and unsupported by most wallets.</Trans>}>
         {content}
       </MouseoverTooltip>
     )

diff --git a/src/components/NavigationTabs/index.tsx b/src/components/NavigationTabs/index.tsx
@@ -176,13 +176,13 @@ export function AddRemoveTabs({
           text={
             tooltip ||
             (action === LiquidityAction.CREATE
-              ? t`Create a new liquidity pool and earn fees on trades for this token pair`
+              ? t`Create a new liquidity pool and earn fees on trades for this token pair.`
               : action === LiquidityAction.ADD
-              ? t`Add liquidity for a token pair and earn fees on the trades that are in your selected price range`
+              ? t`Add liquidity for a token pair and earn fees on the trades that are in your selected price range.`
               : action === LiquidityAction.INCREASE
               ? ''
               : action === LiquidityAction.REMOVE
-              ? t`Removing pool tokens converts your position back into underlying tokens at the current rate, proportional to your share of the pool. Accrued fees are included in the amounts you receive`
+              ? t`Removing pool tokens converts your position back into underlying tokens at the current rate, proportional to your share of the pool. Accrued fees are included in the amounts you receive.`
               : '')
           }
         />

diff --git a/src/components/PoolList/ItemCard/index.tsx b/src/components/PoolList/ItemCard/index.tsx
@@ -155,7 +155,7 @@ const ItemCard = ({ poolData, myLiquidity }: ListItemProps) => {
       )}
 
       {isWarning && (
-        <MouseoverTooltip text={`One of the tokens in the pool is close to 0%. Pool might become inactive soon`}>
+        <MouseoverTooltip text={`One of the tokens in the pool is close to 0%. Pool might become inactive soon.`}>
           <IconWrapper
             style={{
               background: theme.warning,
@@ -268,7 +268,7 @@ const ItemCard = ({ poolData, myLiquidity }: ListItemProps) => {
               placement="right"
               text={
                 !isFarmingPool ? (
-                  <Trans>Estimated return from trading fees if you participate in the pool</Trans>
+                  <Trans>Estimated return from trading fees if you participate in the pool.</Trans>
                 ) : (
                   <APRTooltipContent farmAPR={farmAPR || 0} poolAPR={Number(oneYearFL)} />
                 )

diff --git a/src/components/PoolList/ListItem.tsx b/src/components/PoolList/ListItem.tsx
@@ -135,7 +135,7 @@ const ListItem = ({ poolData, userLiquidityPositions }: ListItemGroupProps) => {
             </MouseoverTooltip>
           )}
           {isWarning && (
-            <MouseoverTooltip text={`One of the tokens in the pool is close to 0%. Pool might become inactive soon`}>
+            <MouseoverTooltip text={`One of the tokens in the pool is close to 0%. Pool might become inactive soon.`}>
               <IconWrapper style={{ background: theme.warning, marginLeft: '6px' }}>
                 <AlertTriangle color={theme.textReverse} size={12} />
               </IconWrapper>

diff --git a/src/components/PoolList/index.tsx b/src/components/PoolList/index.tsx
@@ -238,7 +238,7 @@ const PoolList = ({ currencies, searchValue, isShowOnlyActiveFarmPools, onlyShow
               ''
             )}
           </ClickableText>
-          <InfoHelper text={t`Estimated return based on yearly fees of the pool`} />
+          <InfoHelper text={t`Estimated return based on yearly fees of the pool.`} />
         </Flex>
         <Flex alignItems="center" justifyContent="flex-end">
           <ClickableText

diff --git a/src/components/PositionCard/index.tsx b/src/components/PositionCard/index.tsx
@@ -504,7 +504,7 @@ export default function FullPositionCard({
     }
 
     return (
-      <MouseoverTooltip width="fit-content" placement="top" text={<Trans>Available for yield farming</Trans>}>
+      <MouseoverTooltip width="fit-content" placement="top" text={<Trans>Available for yield farming.</Trans>}>
         <Link to={goToFarmPath}>
           <FarmingIcon />
         </Link>
@@ -544,7 +544,7 @@ export default function FullPositionCard({
             <MouseoverTooltip
               text={
                 warningToken ? (
-                  <WarningMessage>{t`Note: ${warningToken} is now <10% of the pool. Pool might become inactive if ${warningToken} reaches 0%`}</WarningMessage>
+                  <WarningMessage>{t`Note: ${warningToken} is now <10% of the pool. Pool might become inactive if ${warningToken} reaches 0%.`}</WarningMessage>
                 ) : (
                   <WarningMessage>
                     <Trans>One token is close to 0% in the pool ratio. Pool might go inactive.</Trans>

diff --git a/src/components/ProAmm/ProAmmPriceRange.tsx b/src/components/ProAmm/ProAmmPriceRange.tsx
@@ -49,7 +49,7 @@ export default function ProAmmPriceRange({
             <Trans>Selected Price Range</Trans>
           </Text>
           <InfoHelper
-            text={t`Represents the range where all your liquidity is concentrated. When market price of your token pair is no longer between your selected price range, your liquidity becomes inactive and you stop earning fees`}
+            text={t`Represents the range where all your liquidity is concentrated. When market price of your token pair is no longer between your selected price range, your liquidity becomes inactive and you stop earning fees.`}
             placement={'right'}
             size={12}
           ></InfoHelper>
@@ -94,7 +94,7 @@ export default function ProAmmPriceRange({
               <Trans>Min Price</Trans>
             </Text>
             <InfoHelper
-              text={t`Your position will be 100% composed of ${baseCurrency?.symbol} at this price`}
+              text={t`Your position will be 100% composed of ${baseCurrency?.symbol} at this price.`}
               placement={'right'}
               size={12}
             />
@@ -112,7 +112,7 @@ export default function ProAmmPriceRange({
               <Trans>Max Price</Trans>
             </Text>
             <InfoHelper
-              text={t`Your position will be 100% composed of ${quoteCurrency?.symbol} at this price`}
+              text={t`Your position will be 100% composed of ${quoteCurrency?.symbol} at this price.`}
               placement={'right'}
               size={12}
             />

diff --git a/src/components/ProAmm/ProAmmPriceRangeConfirm.tsx b/src/components/ProAmm/ProAmmPriceRangeConfirm.tsx
@@ -99,6 +99,7 @@ export default function ProAmmPriceRangeConfirm({
                     <ExternalLink href="https://docs.kyberswap.com/getting-started/foundational-topics/decentralized-finance/slippage">
                       here ↗
                     </ExternalLink>
+                    .
                   </Trans>
                 </Text>
               }
@@ -162,7 +163,7 @@ export default function ProAmmPriceRangeConfirm({
             >
               {formatTickPrice(priceUpper, ticksAtLimit, Bound.UPPER)}
               <InfoHelper
-                text={t`Your position will be 100% composed of ${quoteCurrency?.symbol} at this price`}
+                text={t`Your position will be 100% composed of ${quoteCurrency?.symbol} at this price.`}
                 placement={'right'}
                 size={12}
               />

diff --git a/src/components/SearchModal/CurrencySearch.tsx b/src/components/SearchModal/CurrencySearch.tsx
@@ -427,7 +427,7 @@ export function CurrencySearch({
         </RowBetween>
         <Text style={{ color: theme.subText, fontSize: 12 }}>
           <Trans>
-            You can search and select <span style={{ color: theme.text }}>any token</span> on KyberSwap
+            You can search and select <span style={{ color: theme.text }}>any token</span> on KyberSwap.
           </Trans>
         </Text>
 

diff --git a/src/components/SlippageWarningNote/index.tsx b/src/components/SlippageWarningNote/index.tsx
@@ -37,9 +37,9 @@ const SlippageWarningNote: FC<Props> = ({ className, rawSlippage, isStablePairSw
     return null
   }
 
-  let msg = 'is high. Your transaction may be front-run'
+  let msg = 'is high. Your transaction may be front-run.'
   if (slippageStatus === SLIPPAGE_STATUS.LOW) {
-    msg = 'is low. Your transaction may fail'
+    msg = 'is low. Your transaction may fail.'
   }
   const shortText = (
     <div>

diff --git a/src/components/SwapForm/SwapActionButton/SwapButtonWithPriceImpact.tsx b/src/components/SwapForm/SwapActionButton/SwapButtonWithPriceImpact.tsx
@@ -101,7 +101,7 @@ export const SwapButtonWithPriceImpact = ({
           text={
             <Trans>
               To ensure you dont lose funds due to very high price impact (≥10%), swap has been disabled for this trade.
-              If you still wish to continue, you can turn on Degen Mode from Settings
+              If you still wish to continue, you can turn on Degen Mode from Settings.
             </Trans>
           }
         >
@@ -112,7 +112,7 @@ export const SwapButtonWithPriceImpact = ({
           text={
             <Trans>
               There was an issue while trying to find a price for these tokens. Please try again. Otherwise, you may
-              select some other tokens to swap
+              select some other tokens to swap.
             </Trans>
           }
         >

diff --git a/src/components/SwapForm/SwapModal/ConfirmSwapModalContent.tsx b/src/components/SwapForm/SwapModal/ConfirmSwapModalContent.tsx
@@ -364,7 +364,7 @@ export default function ConfirmSwapModalContent({
                         text={
                           <Trans>
                             To ensure you dont lose funds due to very high price impact (≥10%), swap has been disabled
-                            for this trade. If you still wish to continue, you can turn on Degen Mode from Settings
+                            for this trade. If you still wish to continue, you can turn on Degen Mode from Settings.
                           </Trans>
                         }
                       >

diff --git a/src/components/SwapForm/SwapModal/SwapDetails/index.tsx b/src/components/SwapForm/SwapModal/SwapDetails/index.tsx
@@ -153,7 +153,7 @@ export default function SwapDetails({
             <TextDashed fontSize={12} fontWeight={400} color={theme.subText} minWidth="max-content">
               <MouseoverTooltip
                 width="200px"
-                text={<Trans>You will receive at least this amount or your transaction will revert</Trans>}
+                text={<Trans>You will receive at least this amount or your transaction will revert.</Trans>}
                 placement="right"
               >
                 <Trans>Minimum Received</Trans>
@@ -224,7 +224,7 @@ export default function SwapDetails({
           <RowBetween height="20px" style={{ gap: '16px' }}>
             <RowFixed>
               <TextDashed fontSize={12} fontWeight={400} color={theme.subText}>
-                <MouseoverTooltip text={<Trans>Estimated network fee for your transaction</Trans>} placement="right">
+                <MouseoverTooltip text={<Trans>Estimated network fee for your transaction.</Trans>} placement="right">
                   <Trans>Est. Gas Fee</Trans>
                 </MouseoverTooltip>
               </TextDashed>
@@ -364,7 +364,7 @@ export default function SwapDetails({
         <Divider />
         <RowBetween>
           <TextDashed fontSize={12} color={theme.subText}>
-            <MouseoverTooltip text={<Trans>Chain on which the swap will be executed</Trans>}>
+            <MouseoverTooltip text={<Trans>Chain on which the swap will be executed.</Trans>}>
               <Trans>Chain</Trans>
             </MouseoverTooltip>
           </TextDashed>
@@ -380,7 +380,7 @@ export default function SwapDetails({
               text={
                 <Trans>
                   The contract address that will be executing the swap. You can verify the contract in the block
-                  explorer
+                  explorer.
                 </Trans>
               }
             >

diff --git a/src/components/SwapForm/TradeSummary.tsx b/src/components/SwapForm/TradeSummary.tsx
@@ -198,7 +198,7 @@ const TradeSummary: React.FC<Props> = ({ routeSummary, slippage }) => {
               <TextDashed fontSize={12} fontWeight={400} color={theme.subText}>
                 <MouseoverTooltip
                   width="200px"
-                  text={<Trans>You will receive at least this amount or your transaction will revert</Trans>}
+                  text={<Trans>You will receive at least this amount or your transaction will revert.</Trans>}
                   placement="right"
                 >
                   <Trans>Minimum Received</Trans>
@@ -215,7 +215,7 @@ const TradeSummary: React.FC<Props> = ({ routeSummary, slippage }) => {
           <RowBetween>
             <RowFixed>
               <TextDashed fontSize={12} fontWeight={400} color={theme.subText}>
-                <MouseoverTooltip text={<Trans>Estimated network fee for your transaction</Trans>} placement="right">
+                <MouseoverTooltip text={<Trans>Estimated network fee for your transaction.</Trans>} placement="right">
                   <Trans>Est. Gas Fee</Trans>
                 </MouseoverTooltip>
               </TextDashed>

diff --git a/src/components/Vesting/VestingCard.tsx b/src/components/Vesting/VestingCard.tsx
@@ -302,7 +302,7 @@ function VestingCard({
                 <Flex alignItems="center" color={theme.subText} sx={{ gap: '4px' }}>
                   <Wallet />
                   <MouseoverTooltip
-                    text={t`The amount of rewards that are unlocked and can be claimed instantly as their vesting is over`}
+                    text={t`The amount of rewards that are unlocked and can be claimed instantly as their vesting is over.`}
                   >
                     <Title>Claimable Rewards</Title>
                   </MouseoverTooltip>
@@ -329,7 +329,7 @@ function VestingCard({
               <SummaryItem>
                 <Flex alignItems="center" color={theme.subText} sx={{ gap: '4px' }}>
                   <Wallet />
-                  <MouseoverTooltip text={t`The amount of rewards that are locked as they are currently vesting`}>
+                  <MouseoverTooltip text={t`The amount of rewards that are locked as they are currently vesting.`}>
                     <Title>
                       <Trans>Locked Rewards</Trans>
                     </Title>

diff --git a/src/components/WalletPopup/RewardCenter.tsx b/src/components/WalletPopup/RewardCenter.tsx
@@ -113,7 +113,7 @@ export default function RewardCenter() {
             >
               <Flex width="fit-content" sx={{ gap: '4px' }}>
                 <MouseoverTooltip
-                  text={t`Total Available Rewards = Total Available Voting Rewards + Total Available Gas Refund`}
+                  text={t`Total Available Rewards = Total Available Voting Rewards + Total Available Gas Refund.`}
                 >
                   <BalanceTitle>
                     <Trans>Total Available Rewards</Trans>

diff --git a/src/components/WalletPopup/SendToken/WarningBrave.tsx b/src/components/WalletPopup/SendToken/WarningBrave.tsx
@@ -51,7 +51,7 @@ const WarningBrave = ({ token }: { token: Currency | undefined }) => {
             <NetworkLogo chainId={chainId} style={{ width: 16, height: 16 }} />
             {shortenAddress(chainId, token.wrapped.address, 5, false)}
             <CopyHelper toCopy={token.wrapped.address} />
-            <MouseoverTooltipDesktopOnly text={t`Import token in Brave wallet`}>
+            <MouseoverTooltipDesktopOnly text={t`Import token in Brave wallet.`}>
               <AddTokenToMetaMask token={token as Token} />
             </MouseoverTooltipDesktopOnly>
           </Flex>

diff --git a/src/components/WalletPopup/Transactions/index.tsx b/src/components/WalletPopup/Transactions/index.tsx
@@ -194,7 +194,7 @@ function ListTransaction({ isMinimal }: { isMinimal: boolean }) {
           <Flex flexDirection="column" alignItems="center" color={theme.subText} sx={{ gap: 10, marginTop: '20px' }}>
             <Info size={32} />
             <Text fontSize={'14px'}>
-              <Trans>You have no Transaction History</Trans>
+              <Trans>You have no Transaction History.</Trans>
             </Text>
           </Flex>
         ) : (

diff --git a/src/components/YieldPools/ElasticFarmGroup/FarmCard.tsx b/src/components/YieldPools/ElasticFarmGroup/FarmCard.tsx
@@ -134,7 +134,7 @@ const FarmCard = ({
                 <MouseoverTooltip
                   text={
                     <Text fontSize="12px" fontStyle="italic">
-                      <Trans>You have {numberOutRangePos} out-of-range position(s)</Trans>
+                      <Trans>You have {numberOutRangePos} out-of-range position(s).</Trans>
                     </Text>
                   }
                 >
@@ -148,7 +148,7 @@ const FarmCard = ({
                 <MouseoverTooltip
                   text={
                     <Text fontSize="12px" fontStyle="italic">
-                      <Trans>You have {numberInRangePos} in-range position(s)</Trans>
+                      <Trans>You have {numberInRangePos} in-range position(s).</Trans>
                     </Text>
                   }
                 >