trade chart selection settings

components/settings/DisplaySettings.tsx

@@ -19,7 +19,7 @@ const NOTIFICATION_POSITIONS = [
   'top-right',
 ]
 
-const TRADING_CHARTS = ['original', 'trading']
+const TRADING_CHARTS = ['custom', 'trading-view']
 const TRADE_FORM_UI = ['slider', 'buttons']
 
 // const LANGS = [
@@ -63,7 +63,7 @@ const DisplaySettings = () => {
   )
   const [tradeChartUi, setTradeChartUi] = useLocalStorageState(
     TRADE_CHART_UI_KEY,
-    'trading'
+    'trading-view'
   )
 
   // const handleLangChange = useCallback(
@@ -130,8 +130,8 @@ const DisplaySettings = () => {
         </div>
       </div>
       <div className="flex flex-col border-t border-th-bkg-3 py-4 md:flex-row md:items-center md:justify-between md:px-4">
-        <p className="mb-2 lg:mb-0">{t('settings:trading-chart')}</p>
-        <div className="w-full min-w-[160px] md:w-auto">
+        <p className="mb-2 lg:mb-0">{t('settings:trade-chart')}</p>
+        <div className="w-full min-w-[220px] md:w-auto">
           <ButtonGroup
             activeValue={tradeChartUi}
             onChange={(v) => setTradeChartUi(v)}

components/trade/TradingChartContainer.tsx

@@ -15,7 +15,7 @@ const TradingViewChartKlineContainer = dynamic(
 
 const TradingChartContainer = () => {
   const [tradingChart] = useLocalStorageState(TRADE_CHART_UI_KEY)
-  const isTradingChart = tradingChart === 'original'
+  const isTradingChart = tradingChart === 'custom'
   return !isTradingChart ? (
     <TradingViewChart></TradingViewChart>
   ) : (

public/locales/en/settings.json

@@ -8,6 +8,7 @@
     "buttons": "Buttons",
     "chinese": "简体中文",
     "chinese-traditional": "繁體中文",
+    "custom": "Custom",
     "dark": "Dark",
     "display": "Display",
     "english": "English",
@@ -39,7 +40,6 @@
     "top-right": "Top-Right",
     "transaction-fail": "Transaction Fail",
     "transaction-success": "Transaction Success",
-    "original": "Original",
-    "trading": "Trading View",
-    "trading-chart": "Trading Chart"
+    "trade-chart": "Trade Chart",
+    "trading-view": "Trading View"
 }

public/locales/es/settings.json

@@ -8,6 +8,7 @@
     "buttons": "Buttons",
     "chinese": "简体中文",
     "chinese-traditional": "繁體中文",
+    "custom": "Custom",
     "dark": "Dark",
     "display": "Display",
     "english": "English",
@@ -39,7 +40,6 @@
     "top-right": "Top-Right",
     "transaction-fail": "Transaction Fail",
     "transaction-success": "Transaction Success",
-    "original": "Original",
-    "trading": "Trading View",
-    "trading-chart": "Trading Chart"
+    "trade-chart": "Trade Chart",
+    "trading-view": "Trading View"
 }

public/locales/ru/settings.json

@@ -8,6 +8,7 @@
     "buttons": "Buttons",
     "chinese": "简体中文",
     "chinese-traditional": "繁體中文",
+    "custom": "Custom",
     "dark": "Dark",
     "display": "Display",
     "english": "English",
@@ -39,7 +40,6 @@
     "top-right": "Top-Right",
     "transaction-fail": "Transaction Fail",
     "transaction-success": "Transaction Success",
-    "original": "Original",
-    "trading": "Trading View",
-    "trading-chart": "Trading Chart"
+    "trade-chart": "Trade Chart",
+    "trading-view": "Trading View"
 }

public/locales/zh/settings.json

@@ -8,6 +8,7 @@
     "buttons": "Buttons",
     "chinese": "简体中文",
     "chinese-traditional": "繁體中文",
+    "custom": "Custom",
     "dark": "Dark",
     "display": "Display",
     "english": "English",
@@ -39,7 +40,6 @@
     "top-right": "Top-Right",
     "transaction-fail": "Transaction Fail",
     "transaction-success": "Transaction Success",
-    "original": "Original",
-    "trading": "Trading View",
-    "trading-chart": "Trading Chart"
+    "trade-chart": "Trade Chart",
+    "trading-view": "Trading View"
 }

public/locales/zh_tw/settings.json

@@ -8,6 +8,7 @@
     "buttons": "Buttons",
     "chinese": "简体中文",
     "chinese-traditional": "繁體中文",
+    "custom": "Custom",
     "dark": "Dark",
     "display": "Display",
     "english": "English",
@@ -39,7 +40,6 @@
     "top-right": "Top-Right",
     "transaction-fail": "Transaction Fail",
     "transaction-success": "Transaction Success",
-    "original": "Original",
-    "trading": "Trading View",
-    "trading-chart": "Trading Chart"
+    "trade-chart": "Trade Chart",
+    "trading-view": "Trading View"
 }

utils/constants.ts

@@ -33,7 +33,7 @@ export const GRID_LAYOUT_KEY = 'savedLayouts-0.2'
 
 export const NOTIFICATION_POSITION_KEY = 'notificationPosition-0.2'
 
-export const TRADE_CHART_UI_KEY = 'tradeChart-0.1'
+export const TRADE_CHART_UI_KEY = 'tradeChart-0.2'
 export const FAVORITE_MARKETS_KEY = 'favoriteMarkets-0.2'
 
 export const THEME_KEY = 'theme-0.1'