@oanda/labs-order-book-widget 1.0.165 → 1.0.167

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,6 +44,7 @@ const Main = _ref => {
44
44
  'lw-w-[280px]': isDesktop
45
45
  })
46
46
  }, _react.default.createElement(_labsWidgetCommon.Select, {
47
+ searchPlaceholder: lang('search'),
47
48
  selectLabel: lang('instrument'),
48
49
  options: selectConfig,
49
50
  selectedOption: toolInstrument,
@@ -1 +1 @@
1
- {"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_graphql","_config","_ChartWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instrument","division","selectConfig","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","bookType","setBookType","useState","BookType","Order","toolInstrument","setToolInstrument","lang","useLocale","createElement","Fragment","className","Tabs","activeTab","handleClick","currentTarget","value","labelCallback","items","navigationConfig","mobileFullWidth","classnames","Select","selectLabel","options","selectedOption","setSelectedOption","val","ChartWithData","id","exports"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType, Division } from '../gql/types/graphql';\nimport { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument, division }: MainProps) => {\n const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const [bookType, setBookType] = useState(BookType.Order);\n const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);\n const { lang } = useLocale();\n\n return (\n <>\n {size && (\n <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n <Tabs\n activeTab={bookType}\n handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n labelCallback={lang}\n items={navigationConfig}\n mobileFullWidth\n />\n {!instrument && (\n <div className={classnames('lw-mb-6 lw-mt-12 ', {\n 'lw-w-full': !isDesktop,\n 'lw-w-[280px]': isDesktop,\n })}\n >\n <Select\n selectLabel={lang('instrument')}\n options={selectConfig}\n selectedOption={toolInstrument}\n setSelectedOption={\n (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n }\n />\n </div>\n )}\n <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_graphql","_config","_ChartWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instrument","division","selectConfig","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","bookType","setBookType","useState","BookType","Order","toolInstrument","setToolInstrument","lang","useLocale","createElement","Fragment","className","Tabs","activeTab","handleClick","currentTarget","value","labelCallback","items","navigationConfig","mobileFullWidth","classnames","Select","searchPlaceholder","selectLabel","options","selectedOption","setSelectedOption","val","ChartWithData","id","exports"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType, Division } from '../gql/types/graphql';\nimport { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument, division }: MainProps) => {\n const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const [bookType, setBookType] = useState(BookType.Order);\n const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);\n const { lang } = useLocale();\n\n return (\n <>\n {size && (\n <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n <Tabs\n activeTab={bookType}\n handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n labelCallback={lang}\n items={navigationConfig}\n mobileFullWidth\n />\n {!instrument && (\n <div className={classnames('lw-mb-6 lw-mt-12 ', {\n 'lw-w-full': !isDesktop,\n 'lw-w-[280px]': isDesktop,\n })}\n >\n <Select\n searchPlaceholder={lang('search')}\n selectLabel={lang('instrument')}\n options={selectConfig}\n selectedOption={toolInstrument}\n setSelectedOption={\n (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n }\n />\n </div>\n )}\n <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
@@ -12,6 +12,7 @@
12
12
  "position_book": "Position Book",
13
13
  "price": "Price",
14
14
  "reset_zoom": "Reset Zoom",
15
+ "search": "Search",
15
16
  "sell": "Sell",
16
17
  "sell_orders": "Sell Orders",
17
18
  "short": "Short",
@@ -12,6 +12,7 @@
12
12
  "position_book": "Libro de posiciones",
13
13
  "price": "Precio",
14
14
  "reset_zoom": "Restablecer zoom",
15
+ "search": "Buscar",
15
16
  "sell": "Vender",
16
17
  "sell_orders": "Órdenes de venta",
17
18
  "short": "Cortas",
@@ -12,6 +12,7 @@
12
12
  "position_book": "จองสถานะ",
13
13
  "price": "ราคา",
14
14
  "reset_zoom": "ตั้งค่าการขยายใหม่",
15
+ "search": "ค้นหา",
15
16
  "sell": "ขาย",
16
17
  "sell_orders": "คำสั่งขาย",
17
18
  "short": "ขาย",
@@ -12,6 +12,7 @@
12
12
  "position_book": "倉位手冊",
13
13
  "price": "價格",
14
14
  "reset_zoom": "重置比例",
15
+ "search": "搜尋",
15
16
  "sell": "賣出",
16
17
  "sell_orders": "賣單",
17
18
  "short": "短",
@@ -35,6 +35,7 @@ const Main = _ref => {
35
35
  'lw-w-[280px]': isDesktop
36
36
  })
37
37
  }, React.createElement(Select, {
38
+ searchPlaceholder: lang('search'),
38
39
  selectLabel: lang('instrument'),
39
40
  options: selectConfig,
40
41
  selectedOption: toolInstrument,
@@ -1 +1 @@
1
- {"version":3,"file":"Main.js","names":["React","useState","useContext","classnames","Select","Size","Tabs","ThemeContext","useLocale","BookType","Division","instrumentSelectConfig","instrumentSelectConfigOC","navigationConfig","ChartWithData","Main","_ref","instrument","division","selectConfig","Oc","size","isDesktop","DESKTOP","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType, Division } from '../gql/types/graphql';\nimport { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument, division }: MainProps) => {\n const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const [bookType, setBookType] = useState(BookType.Order);\n const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);\n const { lang } = useLocale();\n\n return (\n <>\n {size && (\n <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n <Tabs\n activeTab={bookType}\n handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n labelCallback={lang}\n items={navigationConfig}\n mobileFullWidth\n />\n {!instrument && (\n <div className={classnames('lw-mb-6 lw-mt-12 ', {\n 'lw-w-full': !isDesktop,\n 'lw-w-[280px]': isDesktop,\n })}\n >\n <Select\n selectLabel={lang('instrument')}\n options={selectConfig}\n selectedOption={toolInstrument}\n setSelectedOption={\n (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n }\n />\n </div>\n )}\n <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAC3B,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,EAAEC,wBAAwB,EAAEC,gBAAgB,QAAQ,UAAU;AAC7F,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EAC/C,MAAMG,YAAY,GAAGD,QAAQ,KAAKR,QAAQ,CAACU,EAAE,GAAGR,wBAAwB,GAAGD,sBAAsB;EACjG,MAAM;IAAEU;EAAK,CAAC,GAAGnB,UAAU,CAACK,YAAY,CAAC;EACzC,MAAMe,SAAS,GAAGD,IAAI,KAAKhB,IAAI,CAACkB,OAAO;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGxB,QAAQ,CAACQ,QAAQ,CAACiB,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG3B,QAAQ,CAACkB,YAAY,CAAC,CAAC,CAAC,CAAC;EACrE,MAAM;IAAEU;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACER,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QACGV,IAAI,IACLrB,KAAA,CAAA8B,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA+B,GAC5EhC,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IACH2B,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAE1B,gBAAiB;IACxB2B,eAAe;EAAA,CAChB,CAAC,EACD,CAACvB,UAAU,IACZjB,KAAA,CAAA8B,aAAA;IAAKE,SAAS,EAAE7B,UAAU,CAAC,mBAAmB,EAAE;MAC9C,WAAW,EAAE,CAACmB,SAAS;MACvB,cAAc,EAAEA;IAClB,CAAC;EAAE,GAEDtB,KAAA,CAAA8B,aAAA,CAAC1B,MAAM;IACLqC,WAAW,EAAEZ,IAAI,CAAC,YAAY,CAAE;IAChCa,OAAO,EAAEvB,YAAa;IACtBwB,cAAc,EAAEhB,cAAe;IAC/BiB,iBAAiB,EACdC,GAAG,IAAKjB,iBAAiB,CAACiB,GAA0C;EACtE,CACF,CACE,CACJ,EACD7C,KAAA,CAAA8B,aAAA,CAAChB,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIU,cAAc,CAACmB,EAAG;IAACtB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAAST,IAAI","ignoreList":[]}
1
+ {"version":3,"file":"Main.js","names":["React","useState","useContext","classnames","Select","Size","Tabs","ThemeContext","useLocale","BookType","Division","instrumentSelectConfig","instrumentSelectConfigOC","navigationConfig","ChartWithData","Main","_ref","instrument","division","selectConfig","Oc","size","isDesktop","DESKTOP","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","searchPlaceholder","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType, Division } from '../gql/types/graphql';\nimport { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument, division }: MainProps) => {\n const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const [bookType, setBookType] = useState(BookType.Order);\n const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);\n const { lang } = useLocale();\n\n return (\n <>\n {size && (\n <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n <Tabs\n activeTab={bookType}\n handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n labelCallback={lang}\n items={navigationConfig}\n mobileFullWidth\n />\n {!instrument && (\n <div className={classnames('lw-mb-6 lw-mt-12 ', {\n 'lw-w-full': !isDesktop,\n 'lw-w-[280px]': isDesktop,\n })}\n >\n <Select\n searchPlaceholder={lang('search')}\n selectLabel={lang('instrument')}\n options={selectConfig}\n selectedOption={toolInstrument}\n setSelectedOption={\n (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n }\n />\n </div>\n )}\n <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAC3B,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,EAAEC,wBAAwB,EAAEC,gBAAgB,QAAQ,UAAU;AAC7F,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EAC/C,MAAMG,YAAY,GAAGD,QAAQ,KAAKR,QAAQ,CAACU,EAAE,GAAGR,wBAAwB,GAAGD,sBAAsB;EACjG,MAAM;IAAEU;EAAK,CAAC,GAAGnB,UAAU,CAACK,YAAY,CAAC;EACzC,MAAMe,SAAS,GAAGD,IAAI,KAAKhB,IAAI,CAACkB,OAAO;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGxB,QAAQ,CAACQ,QAAQ,CAACiB,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG3B,QAAQ,CAACkB,YAAY,CAAC,CAAC,CAAC,CAAC;EACrE,MAAM;IAAEU;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACER,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QACGV,IAAI,IACLrB,KAAA,CAAA8B,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA+B,GAC5EhC,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IACH2B,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAE1B,gBAAiB;IACxB2B,eAAe;EAAA,CAChB,CAAC,EACD,CAACvB,UAAU,IACZjB,KAAA,CAAA8B,aAAA;IAAKE,SAAS,EAAE7B,UAAU,CAAC,mBAAmB,EAAE;MAC9C,WAAW,EAAE,CAACmB,SAAS;MACvB,cAAc,EAAEA;IAClB,CAAC;EAAE,GAEDtB,KAAA,CAAA8B,aAAA,CAAC1B,MAAM;IACLqC,iBAAiB,EAAEZ,IAAI,CAAC,QAAQ,CAAE;IAClCa,WAAW,EAAEb,IAAI,CAAC,YAAY,CAAE;IAChCc,OAAO,EAAExB,YAAa;IACtByB,cAAc,EAAEjB,cAAe;IAC/BkB,iBAAiB,EACdC,GAAG,IAAKlB,iBAAiB,CAACkB,GAA0C;EACtE,CACF,CACE,CACJ,EACD9C,KAAA,CAAA8B,aAAA,CAAChB,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIU,cAAc,CAACoB,EAAG;IAACvB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAAST,IAAI","ignoreList":[]}
@@ -12,6 +12,7 @@
12
12
  "position_book": "Position Book",
13
13
  "price": "Price",
14
14
  "reset_zoom": "Reset Zoom",
15
+ "search": "Search",
15
16
  "sell": "Sell",
16
17
  "sell_orders": "Sell Orders",
17
18
  "short": "Short",
@@ -12,6 +12,7 @@
12
12
  "position_book": "Libro de posiciones",
13
13
  "price": "Precio",
14
14
  "reset_zoom": "Restablecer zoom",
15
+ "search": "Buscar",
15
16
  "sell": "Vender",
16
17
  "sell_orders": "Órdenes de venta",
17
18
  "short": "Cortas",
@@ -12,6 +12,7 @@
12
12
  "position_book": "จองสถานะ",
13
13
  "price": "ราคา",
14
14
  "reset_zoom": "ตั้งค่าการขยายใหม่",
15
+ "search": "ค้นหา",
15
16
  "sell": "ขาย",
16
17
  "sell_orders": "คำสั่งขาย",
17
18
  "short": "ขาย",
@@ -12,6 +12,7 @@
12
12
  "position_book": "倉位手冊",
13
13
  "price": "價格",
14
14
  "reset_zoom": "重置比例",
15
+ "search": "搜尋",
15
16
  "sell": "賣出",
16
17
  "sell_orders": "賣單",
17
18
  "short": "短",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oanda/labs-order-book-widget",
3
- "version": "1.0.165",
3
+ "version": "1.0.167",
4
4
  "description": "Labs Order Book Widget",
5
5
  "main": "dist/main/index.js",
6
6
  "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
12
12
  "author": "OANDA",
13
13
  "license": "UNLICENSED",
14
14
  "dependencies": {
15
- "@oanda/labs-widget-common": "^1.0.165",
15
+ "@oanda/labs-widget-common": "^1.0.167",
16
16
  "@oanda/mono-i18n": "10.0.1",
17
17
  "echarts": "5.5.0",
18
18
  "echarts-for-react": "3.0.2",
@@ -23,5 +23,5 @@
23
23
  "@graphql-codegen/client-preset": "4.1.0",
24
24
  "@graphql-codegen/typescript": "4.0.1"
25
25
  },
26
- "gitHead": "5d12e200d67282a9030f1a918e13081e0e9d4c16"
26
+ "gitHead": "5659b2a7351c578a3514e1d465d61c2bd3f8fb7f"
27
27
  }
@@ -35,6 +35,7 @@ const Main = ({ instrument, division }: MainProps) => {
35
35
  })}
36
36
  >
37
37
  <Select
38
+ searchPlaceholder={lang('search')}
38
39
  selectLabel={lang('instrument')}
39
40
  options={selectConfig}
40
41
  selectedOption={toolInstrument}
@@ -12,6 +12,7 @@
12
12
  "position_book": "Position Book",
13
13
  "price": "Price",
14
14
  "reset_zoom": "Reset Zoom",
15
+ "search": "Search",
15
16
  "sell": "Sell",
16
17
  "sell_orders": "Sell Orders",
17
18
  "short": "Short",
@@ -12,6 +12,7 @@
12
12
  "position_book": "Libro de posiciones",
13
13
  "price": "Precio",
14
14
  "reset_zoom": "Restablecer zoom",
15
+ "search": "Buscar",
15
16
  "sell": "Vender",
16
17
  "sell_orders": "Órdenes de venta",
17
18
  "short": "Cortas",
@@ -12,6 +12,7 @@
12
12
  "position_book": "จองสถานะ",
13
13
  "price": "ราคา",
14
14
  "reset_zoom": "ตั้งค่าการขยายใหม่",
15
+ "search": "ค้นหา",
15
16
  "sell": "ขาย",
16
17
  "sell_orders": "คำสั่งขาย",
17
18
  "short": "ขาย",
@@ -12,6 +12,7 @@
12
12
  "position_book": "倉位手冊",
13
13
  "price": "價格",
14
14
  "reset_zoom": "重置比例",
15
+ "search": "搜尋",
15
16
  "sell": "賣出",
16
17
  "sell_orders": "賣單",
17
18
  "short": "短",