add trade page translation file

components/shared/TabButtons.tsx

@@ -18,7 +18,7 @@ const TabButtons: FunctionComponent<TabButtonsProps> = ({
   rounded = false,
   fillWidth = false,
 }) => {
-  const { t } = useTranslation(['common', 'swap'])
+  const { t } = useTranslation(['common', 'swap', 'trade'])
 
   return (
     <div

components/trade/AdvancedMarketHeader.tsx

@@ -132,7 +132,7 @@ const OraclePrice = () => {
 }
 
 const AdvancedMarketHeader = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const selectedMarket = mangoStore((s) => s.selectedMarket.current)
   const coingeckoPrices = mangoStore((s) => s.coingeckoPrices.data)
 
@@ -161,7 +161,7 @@ const AdvancedMarketHeader = () => {
         </div>
       </div>
       <div className="ml-6 flex-col">
-        <div className="text-xs text-th-fgd-4">{t('oracle-price')}</div>
+        <div className="text-xs text-th-fgd-4">{t('trade:oracle-price')}</div>
         <OraclePrice />
       </div>
       <div className="ml-6 flex-col">

components/trade/AdvancedTradeForm.tsx

@@ -27,7 +27,7 @@ const TABS: [string, number][] = [
 ]
 
 const AdvancedTradeForm = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const set = mangoStore.getState().set
   const tradeForm = mangoStore((s) => s.tradeForm)
   const jupiterTokens = mangoStore((s) => s.jupiterTokens)
@@ -274,7 +274,7 @@ const AdvancedTradeForm = () => {
         {tradeForm.tradeType === 'Limit' ? (
           <>
             <div className="mb-2 mt-4 flex items-center justify-between">
-              <p className="text-xs text-th-fgd-3">Limit Price</p>
+              <p className="text-xs text-th-fgd-3">{t('trade:limit-price')}</p>
             </div>
             <div className="default-transition flex items-center rounded-md border border-th-bkg-4 bg-th-bkg-1 p-2 text-xs font-bold text-th-fgd-1 md:hover:border-th-fgd-4 md:hover:bg-th-bkg-2 lg:text-base">
               <NumberFormat
@@ -297,7 +297,7 @@ const AdvancedTradeForm = () => {
           </>
         ) : null}
         <div className="my-2 flex items-center justify-between">
-          <p className="text-xs text-th-fgd-3">{t('amount')}</p>
+          <p className="text-xs text-th-fgd-3">{t('trade:amount')}</p>
         </div>
         <div className="flex flex-col">
           <div className="default-transition flex items-center rounded-md rounded-b-none border border-th-bkg-4 bg-th-bkg-1 p-2 text-xs font-bold text-th-fgd-1 md:hover:z-10 md:hover:border-th-fgd-4 md:hover:bg-th-bkg-2 lg:text-base">
@@ -371,13 +371,13 @@ const AdvancedTradeForm = () => {
                 className="hidden md:block"
                 delay={250}
                 placement="left"
-                content={t('tooltip-post')}
+                content={t('trade:tooltip-post')}
               >
                 <Checkbox
                   checked={tradeForm.postOnly}
                   onChange={(e) => handlePostOnlyChange(e.target.checked)}
                 >
-                  Post
+                  {t('trade:post')}
                 </Checkbox>
               </Tooltip>
             </div>
@@ -385,8 +385,8 @@ const AdvancedTradeForm = () => {
               <Tooltip
                 className="hidden md:block"
                 delay={250}
-                placement="top"
-                content={t('tooltip-ioc')}
+                placement="left"
+                content={t('trade:tooltip-ioc')}
               >
                 <div className="flex items-center text-xs text-th-fgd-3">
                   <Checkbox
@@ -404,13 +404,13 @@ const AdvancedTradeForm = () => {
           <Tooltip
             delay={250}
             placement="left"
-            content={t('tooltip-enable-margin')}
+            content={t('trade:tooltip-enable-margin')}
           >
             <Checkbox
               checked={useMargin}
               onChange={(e) => setUseMargin(e.target.checked)}
             >
-              {t('margin')}
+              {t('trade:margin')}
             </Checkbox>
           </Tooltip>
         </div>
@@ -426,7 +426,9 @@ const AdvancedTradeForm = () => {
           disabled={false}
           size="large"
         >
-          <span className="capitalize">Place {tradeForm.side} Order</span>
+          <span className="capitalize">
+            {t('trade:place-order', { side: tradeForm.side })}
+          </span>
         </Button>
       </div>
     </div>

components/trade/OpenOrders.tsx

@@ -14,7 +14,7 @@ import { formatFixedDecimals, getDecimalCount } from 'utils/numbers'
 import MarketLogos from './MarketLogos'
 
 const OpenOrders = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const { connected } = useWallet()
   const openOrders = mangoStore((s) => s.mangoAccount.openOrders)
   const jupiterTokens = mangoStore((s) => s.jupiterTokens)
@@ -46,7 +46,7 @@ const OpenOrders = () => {
       } catch (e: any) {
         console.error('Error canceling', e)
         notify({
-          title: t('order-error'),
+          title: t('trade:order-error'),
           description: e.message,
           txid: e.txid,
           type: 'error',
@@ -62,8 +62,8 @@ const OpenOrders = () => {
         <thead>
           <tr>
             <th className="text-left">{t('market')}</th>
-            <th className="text-right">{t('side')}</th>
-            <th className="text-right">{t('size')}</th>
+            <th className="text-right">{t('trade:side')}</th>
+            <th className="text-right">{t('trade:size')}</th>
             <th className="text-right">{t('price')}</th>
             <th className="text-right">{t('value')}</th>
             <th className="text-right"></th>
@@ -146,13 +146,13 @@ const OpenOrders = () => {
       </table>
     ) : (
       <div className="flex flex-col items-center p-8">
-        <p>No open orders...</p>
+        <p>{t('trade:no-orders')}</p>
       </div>
     )
   ) : (
     <div className="flex flex-col items-center p-8">
       <LinkIcon className="mb-2 h-6 w-6 text-th-fgd-4" />
-      <p>Connect to view your open orders</p>
+      <p>{t('trade:connect-orders')}</p>
     </div>
   )
 }

components/trade/Orderbook.tsx

@@ -156,7 +156,7 @@ const groupBy = (
 const depth = 40
 
 const Orderbook = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const selectedMarket = mangoStore((s) => s.selectedMarket.current)
 
   // const [openOrderPrices, setOpenOrderPrices] = useState<any[]>([])
@@ -382,7 +382,7 @@ const Orderbook = () => {
       <div className="flex items-center justify-between border-b border-th-bkg-3 px-4 py-2">
         <div className="flex items-center space-x-2">
           <Tooltip
-            content={showBuys ? 'Hide Buys' : 'Show Buys'}
+            content={showBuys ? t('trade:hide-bids') : t('trade:show-bids')}
             placement="top"
           >
             <button
@@ -396,7 +396,7 @@ const Orderbook = () => {
             </button>
           </Tooltip>
           <Tooltip
-            content={showSells ? 'Hide Sells' : 'Show Sells'}
+            content={showSells ? t('trade:hide-asks') : t('trade:show-asks')}
             placement="top"
           >
             <button
@@ -411,7 +411,7 @@ const Orderbook = () => {
           </Tooltip>
         </div>
         {serum3MarketExternal ? (
-          <Tooltip content="Grouping" placement="top">
+          <Tooltip content={t('trade:grouping')} placement="top">
             <GroupSize
               tickSize={serum3MarketExternal.tickSize}
               onChange={onGroupSizeChange}
@@ -421,7 +421,7 @@ const Orderbook = () => {
         ) : null}
       </div>
       <div className="grid grid-cols-2 px-4 pt-2 pb-1 text-xxs text-th-fgd-4">
-        <div className="col-span-1 text-right">{t('size')}</div>
+        <div className="col-span-1 text-right">{t('trade:size')}</div>
         <div className="col-span-1 text-right">{t('price')}</div>
       </div>
       <div
@@ -460,7 +460,7 @@ const Orderbook = () => {
         {showBuys && showSells ? (
           <div className="my-2 grid grid-cols-2 border-y border-th-bkg-3 py-2 px-4 text-xs text-th-fgd-4">
             <div className="col-span-1 flex justify-between">
-              <div className="text-xxs">{t('spread')}</div>
+              <div className="text-xxs">{t('trade:spread')}</div>
               <div className="font-mono">
                 {orderbookData?.spreadPercentage.toFixed(2)}%
               </div>

components/trade/OrderbookAndTrades.tsx

@@ -4,12 +4,12 @@ import Orderbook from './Orderbook'
 import RecentTrades from './RecentTrades'
 
 const TABS: [string, number][] = [
-  ['book', 0],
-  ['trades', 0],
+  ['trade:book', 0],
+  ['trade:trades', 0],
 ]
 
 const OrderbookAndTrades = () => {
-  const [activeTab, setActiveTab] = useState('book')
+  const [activeTab, setActiveTab] = useState('trade:book')
   return (
     <div className="hide-scroll h-full">
       <div className="border-b border-r border-th-bkg-3">
@@ -20,11 +20,17 @@ const OrderbookAndTrades = () => {
           fillWidth
         />
       </div>
-      <div className={`h-full ${activeTab === 'book' ? 'visible' : 'hidden'}`}>
+      <div
+        className={`h-full ${
+          activeTab === 'trade:book' ? 'visible' : 'hidden'
+        }`}
+      >
         <Orderbook />
       </div>
       <div
-        className={`h-full ${activeTab === 'trades' ? 'visible' : 'hidden'}`}
+        className={`h-full ${
+          activeTab === 'trade:trades' ? 'visible' : 'hidden'
+        }`}
       >
         <RecentTrades />
       </div>

components/trade/RecentTrades.tsx

@@ -8,7 +8,7 @@ import { ChartTradeType } from 'types'
 import { useTranslation } from 'next-i18next'
 
 const RecentTrades = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const [trades, setTrades] = useState<any[]>([])
   const selectedMarket = mangoStore((s) => s.selectedMarket.current)
   const selectedMarketPk = selectedMarket?.serumMarketExternal.toBase58()
@@ -60,11 +60,11 @@ const RecentTrades = () => {
     }
   }, 5000)
   return (
-    <div className="h-full overflow-y-scroll ">
+    <div className="thin-scroll h-full overflow-y-scroll">
       <div className={`mb-1 grid grid-cols-3 px-4 pt-2 text-xxs text-th-fgd-4`}>
         <div className="text-right">{`${t('price')} (${quoteSymbol})`} </div>
         <div className={`text-right`}>
-          {t('size')} ({baseSymbol})
+          {t('trade:size')} ({baseSymbol})
         </div>
         <div className={`text-right`}>{t('time')}</div>
       </div>

components/trade/TradeBalances.tsx

@@ -6,7 +6,7 @@ import { useMemo } from 'react'
 import { formatDecimal } from 'utils/numbers'
 
 const Balances = () => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const mangoAccount = mangoStore((s) => s.mangoAccount.current)
   const spotBalances = mangoStore((s) => s.mangoAccount.spotBalances)
   const group = mangoStore((s) => s.group)
@@ -47,8 +47,8 @@ const Balances = () => {
         <tr>
           <th className="bg-th-bkg-1 text-left">{t('token')}</th>
           <th className="bg-th-bkg-1 text-right">{t('balance')}</th>
-          <th className="bg-th-bkg-1 text-right">{t('in-orders')}</th>
-          <th className="bg-th-bkg-1 text-right">{t('unsettled')}</th>
+          <th className="bg-th-bkg-1 text-right">{t('trade:in-orders')}</th>
+          <th className="bg-th-bkg-1 text-right">{t('trade:unsettled')}</th>
         </tr>
       </thead>
       <tbody>

components/trade/TradeInfoTabs.tsx

@@ -7,7 +7,7 @@ import mangoStore from '@store/mangoStore'
 import { toUiDecimals } from '@blockworks-foundation/mango-v4'
 
 const TradeInfoTabs = () => {
-  const [selectedTab, setSelectedTab] = useState('Balances')
+  const [selectedTab, setSelectedTab] = useState('balances')
   const openOrders = mangoStore((s) => s.mangoAccount.openOrders)
   const mangoAccount = mangoStore((s) => s.mangoAccount.current)
   const openOrdersAccounts =
@@ -52,9 +52,9 @@ const TradeInfoTabs = () => {
 
   const tabsWithCount: [string, number][] = useMemo(() => {
     return [
-      ['Balances', 0],
-      ['Orders', Object.values(openOrders).flat().length],
-      ['Unsettled', Object.values(unsettledSpotBalances).flat().length],
+      ['balances', 0],
+      ['trade:orders', Object.values(openOrders).flat().length],
+      ['trade:unsettled', Object.values(unsettledSpotBalances).flat().length],
     ]
   }, [openOrders, mangoAccount])
 
@@ -68,9 +68,9 @@ const TradeInfoTabs = () => {
           showBorders
         />
       </div>
-      {selectedTab === 'Balances' ? <Balances /> : null}
-      {selectedTab === 'Orders' ? <OpenOrders /> : null}
-      {selectedTab === 'Unsettled' ? (
+      {selectedTab === 'balances' ? <Balances /> : null}
+      {selectedTab === 'trade:orders' ? <OpenOrders /> : null}
+      {selectedTab === 'trade:unsettled' ? (
         <UnsettledTrades unsettledSpotBalances={unsettledSpotBalances} />
       ) : null}
     </div>

components/trade/UnsettledTrades.tsx

@@ -13,7 +13,7 @@ const UnsettledTrades = ({
 }: {
   unsettledSpotBalances: any
 }) => {
-  const { t } = useTranslation('common')
+  const { t } = useTranslation(['common', 'trade'])
   const { connected } = useWallet()
   const group = mangoStore((s) => s.group)
   // const jupiterTokens = mangoStore((s) => s.jupiterTokens)
@@ -58,8 +58,8 @@ const UnsettledTrades = ({
         <thead>
           <tr>
             <th className="bg-th-bkg-1 text-left">{t('market')}</th>
-            <th className="bg-th-bkg-1 text-right">{t('base')}</th>
-            <th className="bg-th-bkg-1 text-right">{t('quote')}</th>
+            <th className="bg-th-bkg-1 text-right">{t('trade:base')}</th>
+            <th className="bg-th-bkg-1 text-right">{t('trade:quote')}</th>
             <th className="bg-th-bkg-1 text-right" />
           </tr>
         </thead>
@@ -112,13 +112,13 @@ const UnsettledTrades = ({
       </table>
     ) : (
       <div className="flex flex-col items-center p-8">
-        <p>No unsettled funds...</p>
+        <p>{t('trade:no-unsettled')}</p>
       </div>
     )
   ) : (
     <div className="flex flex-col items-center p-8">
       <LinkIcon className="mb-2 h-6 w-6 text-th-fgd-4" />
-      <p>Connect to view your unsettled trades</p>
+      <p>{t('trade:connect-unsettled')}</p>
     </div>
   )
 }

public/locales/en/common.json

@@ -8,14 +8,12 @@
   "account-update-success": "Account updated successfully",
   "account-value": "Account Value",
   "accounts": "Accounts",
-  "amount": "Amount",
   "asset-weight": "Asset Weight",
   "asset-weight-desc": "The asset weight applies a haircut to the value of the collateral in your account health calculation. The lower the asset weight, the less the asset counts towards collateral.",
   "available": "Available",
   "available-balance": "Available Balance",
   "balance": "Balance",
   "balances": "Balances",
-  "book": "Book",
   "borrow": "Borrow",
   "borrow-amount": "Borrow Amount",
   "borrow-fee": "Borrow Fee",
@@ -46,7 +44,6 @@
   "governance": "Governance",
   "health": "Health",
   "health-impact": "Health Impact",
-  "in-orders": "In Orders",
   "insufficient-sol": "Solana requires 0.00757 SOL rent to create a Mango Account. This will be returned if you close your account.",
   "interest-earned": "Interest Earned",
   "interest-earned-paid": "Interest Earned",
@@ -54,7 +51,6 @@
   "leverage": "Leverage",
   "liability-weight": "Liability Weight",
   "liquidity": "Liquidity",
-  "margin": "Margin",
   "market": "Market",
   "max": "Max",
   "max-borrow": "Max Borrow",
@@ -62,7 +58,6 @@
   "new-account": "New Account",
   "new-account-failed": "Failed to create account",
   "new-account-success": "Your new account is ready 😎",
-  "oracle-price": "Oracle Price",
   "pnl": "PnL",
   "price": "Price",
   "quantity": "Quantity",
@@ -75,9 +70,6 @@
   "sell": "Sell",
   "settings": "Settings",
   "show-zero-balances": "Show Zero Balances",
-  "side": "Side",
-  "size": "Size",
-  "spread": "Spread",
   "stats": "Stats",
   "swap": "Swap",
   "time": "Time",
@@ -90,11 +82,9 @@
   "total-deposit-value": "Total Deposit Value",
   "total-interest-value": "Total Interest Value",
   "trade": "Trade",
-  "trades": "Trades",
   "trade-history": "Trade History",
   "transaction": "Transaction",
   "unavailable": "Unavailable",
-  "unsettled": "Unsettled",
   "update": "Update",
   "utilization": "Utilization",
   "value": "Value",

public/locales/en/trade.json

@@ -0,0 +1,31 @@
+{
+    "amount": "Amount",
+    "base": "Base",
+    "book": "Book",
+    "connect-orders": "Connect to view your open orders",
+    "connect-unsettled": "Connect to view your unsettled trades",
+    "grouping": "Grouping",
+    "hide-asks": "Hide Asks",
+    "hide-bids": "Hide Bids",
+    "in-orders": "In Orders",
+    "limit-price": "Limit Price",
+    "margin": "Margin",
+    "no-orders": "No open orders...",
+    "no-unsettled": "No unsettled funds...",
+    "oracle-price": "Oracle Price",
+    "orders": "Orders",
+    "order-error": "Failed to place order",
+    "post": "Post",
+    "place-order": "Place {{side}} Order",
+    "quote": "Quote",
+    "show-asks": "Show Asks",
+    "show-bids": "Show Bids",
+    "side": "Side",
+    "size": "Size",
+    "spread": "Spread",
+    "tooltip-enable-margin": "Enable spot margin for this trade",
+    "tooltip-ioc": "Immediate or cancel orders are guaranteed to be the taker or they will be canceled.",
+    "tooltip-post": "Post orders are guaranteed to be the maker order or else they will be canceled.",
+    "trades": "Trades",
+    "unsettled": "Unsettled"
+}

public/locales/es/common.json

@@ -8,14 +8,12 @@
   "account-update-success": "Account updated successfully",
   "account-value": "Account Value",
   "accounts": "Accounts",
-  "amount": "Amount",
   "asset-weight": "Asset Weight",
   "asset-weight-desc": "The asset weight applies a haircut to the value of the collateral in your account health calculation. The lower the asset weight, the less the asset counts towards collateral.",
   "available": "Available",
   "available-balance": "Available Balance",
   "balance": "Balance",
   "balances": "Balances",
-  "book": "Book",
   "borrow": "Borrow",
   "borrow-amount": "Borrow Amount",
   "borrow-fee": "Borrow Fee",
@@ -46,7 +44,6 @@
   "governance": "Governance",
   "health": "Health",
   "health-impact": "Health Impact",
-  "in-orders": "In Orders",
   "insufficient-sol": "Solana requires 0.00757 SOL rent to create a Mango Account. This will be returned if you close your account.",
   "interest-earned": "Interest Earned",
   "interest-earned-paid": "Interest Earned",
@@ -54,7 +51,6 @@
   "leverage": "Leverage",
   "liability-weight": "Liability Weight",
   "liquidity": "Liquidity",
-  "margin": "Margin",
   "market": "Market",
   "max": "Max",
   "max-borrow": "Max Borrow",
@@ -62,7 +58,6 @@
   "new-account": "New Account",
   "new-account-failed": "Failed to create account",
   "new-account-success": "Your new account is ready 😎",
-  "oracle-price": "Oracle Price",
   "pnl": "PnL",
   "price": "Price",
   "quantity": "Quantity",
@@ -75,9 +70,6 @@
   "sell": "Sell",
   "settings": "Settings",
   "show-zero-balances": "Show Zero Balances",
-  "side": "Side",
-  "size": "Size",
-  "spread": "Spread",
   "stats": "Stats",
   "swap": "Swap",
   "time": "Time",
@@ -90,11 +82,9 @@
   "total-deposit-value": "Total Deposit Value",
   "total-interest-value": "Total Interest Value",
   "trade": "Trade",
-  "trades": "Trades",
   "trade-history": "Trade History",
   "transaction": "Transaction",
   "unavailable": "Unavailable",
-  "unsettled": "Unsettled",
   "update": "Update",
   "utilization": "Utilization",
   "value": "Value",

public/locales/es/trade.json

@@ -0,0 +1,31 @@
+{
+    "amount": "Amount",
+    "base": "Base",
+    "book": "Book",
+    "connect-orders": "Connect to view your open orders",
+    "connect-unsettled": "Connect to view your unsettled trades",
+    "grouping": "Grouping",
+    "hide-asks": "Hide Asks",
+    "hide-bids": "Hide Bids",
+    "in-orders": "In Orders",
+    "limit-price": "Limit Price",
+    "margin": "Margin",
+    "no-orders": "No open orders...",
+    "no-unsettled": "No unsettled funds...",
+    "oracle-price": "Oracle Price",
+    "orders": "Orders",
+    "order-error": "Failed to place order",
+    "post": "Post",
+    "place-order": "Place {{side}} Order",
+    "quote": "Quote",
+    "show-asks": "Show Asks",
+    "show-bids": "Show Bids",
+    "side": "Side",
+    "size": "Size",
+    "spread": "Spread",
+    "tooltip-enable-margin": "Enable spot margin for this trade",
+    "tooltip-ioc": "Immediate or cancel orders are guaranteed to be the taker or they will be canceled.",
+    "tooltip-post": "Post orders are guaranteed to be the maker order or else they will be canceled.",
+    "trades": "Trades",
+    "unsettled": "Unsettled"
+}

public/locales/zh/common.json

@@ -8,14 +8,12 @@
   "account-update-success": "Account updated successfully",
   "account-value": "Account Value",
   "accounts": "Accounts",
-  "amount": "Amount",
   "asset-weight": "Asset Weight",
   "asset-weight-desc": "The asset weight applies a haircut to the value of the collateral in your account health calculation. The lower the asset weight, the less the asset counts towards collateral.",
   "available": "Available",
   "available-balance": "Available Balance",
   "balance": "Balance",
   "balances": "Balances",
-  "book": "Book",
   "borrow": "Borrow",
   "borrow-amount": "Borrow Amount",
   "borrow-fee": "Borrow Fee",
@@ -46,7 +44,6 @@
   "governance": "Governance",
   "health": "Health",
   "health-impact": "Health Impact",
-  "in-orders": "In Orders",
   "insufficient-sol": "Solana requires 0.00757 SOL rent to create a Mango Account. This will be returned if you close your account.",
   "interest-earned": "Interest Earned",
   "interest-earned-paid": "Interest Earned",
@@ -54,7 +51,6 @@
   "leverage": "Leverage",
   "liability-weight": "Liability Weight",
   "liquidity": "Liquidity",
-  "margin": "Margin",
   "market": "Market",
   "max": "Max",
   "max-borrow": "Max Borrow",
@@ -62,7 +58,6 @@
   "new-account": "New Account",
   "new-account-failed": "Failed to create account",
   "new-account-success": "Your new account is ready 😎",
-  "oracle-price": "Oracle Price",
   "pnl": "PnL",
   "price": "Price",
   "quantity": "Quantity",
@@ -75,9 +70,6 @@
   "sell": "Sell",
   "settings": "Settings",
   "show-zero-balances": "Show Zero Balances",
-  "side": "Side",
-  "size": "Size",
-  "spread": "Spread",
   "stats": "Stats",
   "swap": "Swap",
   "time": "Time",
@@ -90,11 +82,9 @@
   "total-deposit-value": "Total Deposit Value",
   "total-interest-value": "Total Interest Value",
   "trade": "Trade",
-  "trades": "Trades",
   "trade-history": "Trade History",
   "transaction": "Transaction",
   "unavailable": "Unavailable",
-  "unsettled": "Unsettled",
   "update": "Update",
   "utilization": "Utilization",
   "value": "Value",

public/locales/zh/trade.json

@@ -0,0 +1,31 @@
+{
+    "amount": "Amount",
+    "base": "Base",
+    "book": "Book",
+    "connect-orders": "Connect to view your open orders",
+    "connect-unsettled": "Connect to view your unsettled trades",
+    "grouping": "Grouping",
+    "hide-asks": "Hide Asks",
+    "hide-bids": "Hide Bids",
+    "in-orders": "In Orders",
+    "limit-price": "Limit Price",
+    "margin": "Margin",
+    "no-orders": "No open orders...",
+    "no-unsettled": "No unsettled funds...",
+    "oracle-price": "Oracle Price",
+    "orders": "Orders",
+    "order-error": "Failed to place order",
+    "post": "Post",
+    "place-order": "Place {{side}} Order",
+    "quote": "Quote",
+    "show-asks": "Show Asks",
+    "show-bids": "Show Bids",
+    "side": "Side",
+    "size": "Size",
+    "spread": "Spread",
+    "tooltip-enable-margin": "Enable spot margin for this trade",
+    "tooltip-ioc": "Immediate or cancel orders are guaranteed to be the taker or they will be canceled.",
+    "tooltip-post": "Post orders are guaranteed to be the maker order or else they will be canceled.",
+    "trades": "Trades",
+    "unsettled": "Unsettled"
+}

public/locales/zh_tw/common.json

@@ -8,14 +8,12 @@
   "account-update-success": "Account updated successfully",
   "account-value": "Account Value",
   "accounts": "Accounts",
-  "amount": "Amount",
   "asset-weight": "Asset Weight",
   "asset-weight-desc": "The asset weight applies a haircut to the value of the collateral in your account health calculation. The lower the asset weight, the less the asset counts towards collateral.",
   "available": "Available",
   "available-balance": "Available Balance",
   "balance": "Balance",
   "balances": "Balances",
-  "book": "Book",
   "borrow": "Borrow",
   "borrow-amount": "Borrow Amount",
   "borrow-fee": "Borrow Fee",
@@ -46,7 +44,6 @@
   "governance": "Governance",
   "health": "Health",
   "health-impact": "Health Impact",
-  "in-orders": "In Orders",
   "insufficient-sol": "Solana requires 0.00757 SOL rent to create a Mango Account. This will be returned if you close your account.",
   "interest-earned": "Interest Earned",
   "interest-earned-paid": "Interest Earned",
@@ -54,7 +51,6 @@
   "leverage": "Leverage",
   "liability-weight": "Liability Weight",
   "liquidity": "Liquidity",
-  "margin": "Margin",
   "market": "Market",
   "max": "Max",
   "max-borrow": "Max Borrow",
@@ -62,7 +58,6 @@
   "new-account": "New Account",
   "new-account-failed": "Failed to create account",
   "new-account-success": "Your new account is ready 😎",
-  "oracle-price": "Oracle Price",
   "pnl": "PnL",
   "price": "Price",
   "quantity": "Quantity",
@@ -75,9 +70,6 @@
   "sell": "Sell",
   "settings": "Settings",
   "show-zero-balances": "Show Zero Balances",
-  "side": "Side",
-  "size": "Size",
-  "spread": "Spread",
   "stats": "Stats",
   "swap": "Swap",
   "time": "Time",
@@ -90,11 +82,9 @@
   "total-deposit-value": "Total Deposit Value",
   "total-interest-value": "Total Interest Value",
   "trade": "Trade",
-  "trades": "Trades",
   "trade-history": "Trade History",
   "transaction": "Transaction",
   "unavailable": "Unavailable",
-  "unsettled": "Unsettled",
   "update": "Update",
   "utilization": "Utilization",
   "value": "Value",

public/locales/zh_tw/trade.json

@@ -0,0 +1,31 @@
+{
+    "amount": "Amount",
+    "base": "Base",
+    "book": "Book",
+    "connect-orders": "Connect to view your open orders",
+    "connect-unsettled": "Connect to view your unsettled trades",
+    "grouping": "Grouping",
+    "hide-asks": "Hide Asks",
+    "hide-bids": "Hide Bids",
+    "in-orders": "In Orders",
+    "limit-price": "Limit Price",
+    "margin": "Margin",
+    "no-orders": "No open orders...",
+    "no-unsettled": "No unsettled funds...",
+    "oracle-price": "Oracle Price",
+    "orders": "Orders",
+    "order-error": "Failed to place order",
+    "post": "Post",
+    "place-order": "Place {{side}} Order",
+    "quote": "Quote",
+    "show-asks": "Show Asks",
+    "show-bids": "Show Bids",
+    "side": "Side",
+    "size": "Size",
+    "spread": "Spread",
+    "tooltip-enable-margin": "Enable spot margin for this trade",
+    "tooltip-ioc": "Immediate or cancel orders are guaranteed to be the taker or they will be canceled.",
+    "tooltip-post": "Post orders are guaranteed to be the maker order or else they will be canceled.",
+    "trades": "Trades",
+    "unsettled": "Unsettled"
+}