6875582011

Committed 15 Nov 2023 09:47AM UTC coverage: 87.406%. Remained the same

Build # 6875582011

Build Type

github

Committed by Fasih Ali

Commit Message

chore: fixed build file formatting

Pull Request Pull Request #163: Fasih//: added dummy action

Run Details

187 of 261 branches covered (0.0%)

Branch coverage included in aggregate %.

6545 of 7441 relevant lines covered (87.96%)

3.52 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

32.41

/libs/templates/src/lib/trade/hooks/use-columns.tsx

import { createColumnHelper } from '@tanstack/react-table';
import { TableDataType } from '../types/types';
import { TableCell } from '@deriv-com/components';

const columnHelper = createColumnHelper<TableDataType>();

const UseColumns = (selected: string) => {
  const columns =
    selected === 'mainInfo'
      ? [
          columnHelper.accessor('instrument', {
            header: () => (
              <TableCell.TableHeaderCell
                className="px-600"
                width="lg"
                header="Instrument"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableSymbolCell
                className="px-600"
                width="lg"
                icon={info.getValue()?.icon}
                label={info.getValue()?.instrument}
                description={info.getValue()?.description}
              ></TableCell.TableSymbolCell>
            ),
          }),
          columnHelper.accessor('currentBid', {
            header: () => (
              <TableCell.TableHeaderCell
                className="text-left"
                header="Current Bid"
                width="xl"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="xl"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('currentAsk', {
            header: () => (
              <TableCell.TableHeaderCell
                width="xl"
                className="text-left"
                header="Current Ask"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="xl"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('spread', {
            header: () => (
              <TableCell.TableHeaderCell
                width="xl"
                className="text-left"
                header="Spread"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="xl"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('currency', {
            header: () => (
              <TableCell.TableHeaderCell
                width="xl"
                className="text-left"
                header="Currency"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="xl"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
        ]
      : selected === 'tradingCondition'
      ? [
          columnHelper.accessor('instrument', {
            header: () => (
              <TableCell.TableHeaderCell
                className="px-600"
                header="Instrument"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableSymbolCell
                className="px-600"
                icon={info.getValue()?.icon}
                label={info.getValue()?.instrument}
                description={info.getValue()?.description}
              ></TableCell.TableSymbolCell>
            ),
          }),
          columnHelper.accessor('spreadCost', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Spread Cost per 1 Lot [USD]"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('commission', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Commissions [USD]"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('effectiveLeverage', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Effective Leverage"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('marginRequirement', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Margin Requirement/lot"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('swapLong', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Daily Swap Long (points)"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('swapShort', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="Daily Swap Short (points)"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),

          columnHelper.accessor('daySwap', {
            header: () => (
              <TableCell.TableHeaderCell
                width="sm"
                className="text-left"
                header="3 Day Swap"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="sm"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
        ]
      : [
          columnHelper.accessor('instrument', {
            header: () => (
              <TableCell.TableHeaderCell
                className="px-600"
                header="Instrument"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableSymbolCell
                className="px-600"
                icon={info.getValue()?.icon}
                label={info.getValue()?.instrument}
                description={info.getValue()?.description}
              ></TableCell.TableSymbolCell>
            ),
          }),
          columnHelper.accessor('contractSize', {
            header: () => (
              <TableCell.TableHeaderCell
                width="md"
                className="text-left"
                header="Contract Size"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="md"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('minVolume', {
            header: () => (
              <TableCell.TableHeaderCell
                width="md"
                className="text-left"
                header="Minimum Volume"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="md"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('maxVolume', {
            header: () => (
              <TableCell.TableHeaderCell
                width="md"
                className="text-left"
                header="Maximum Volume"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="md"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('volumeStep', {
            header: () => (
              <TableCell.TableHeaderCell
                width="md"
                className="text-left"
                header="Volume Step"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="md"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
          columnHelper.accessor('volumeLimit', {
            header: () => (
              <TableCell.TableHeaderCell
                width="md"
                className="text-left"
                header="Volume Limit"
              ></TableCell.TableHeaderCell>
            ),
            cell: (info) => (
              <TableCell.TableTextCell
                width="md"
                label={info.getValue()}
              ></TableCell.TableTextCell>
            ),
          }),
        ];

  return columns;
};

export default UseColumns;

1	import { createColumnHelper } from '@tanstack/react-table';	1✔
2	import { TableDataType } from '../types/types';	1✔
3	import { TableCell } from '@deriv-com/components';	1✔
4		1✔
5	const columnHelper = createColumnHelper<TableDataType>();	1✔
6		1✔
7	const UseColumns = (selected: string) => {	1✔
8	const columns =	2✔
9	selected === 'mainInfo'	2✔
10	? [	2✔
11	columnHelper.accessor('instrument', {	2✔
12	header: () => (	2✔
13	<TableCell.TableHeaderCell	2✔
14	className="px-600"	2✔
15	width="lg"	2✔
16	header="Instrument"	2✔
17	></TableCell.TableHeaderCell>	2✔
18	),	2✔
19	cell: (info) => (	2✔
20	<TableCell.TableSymbolCell	15✔
21	className="px-600"	15✔
22	width="lg"	15✔
23	icon={info.getValue()?.icon}	15✔
24	label={info.getValue()?.instrument}	15✔
25	description={info.getValue()?.description}	15✔
26	></TableCell.TableSymbolCell>	15✔
27	),	2✔
28	}),	2✔
29	columnHelper.accessor('currentBid', {	2✔
30	header: () => (	2✔
31	<TableCell.TableHeaderCell	2✔
32	className="text-left"	2✔
33	header="Current Bid"	2✔
34	width="xl"	2✔
35	></TableCell.TableHeaderCell>	2✔
36	),	2✔
37	cell: (info) => (	2✔
38	<TableCell.TableTextCell	15✔
39	width="xl"	15✔
40	label={info.getValue()}	15✔
41	></TableCell.TableTextCell>	15✔
42	),	2✔
43	}),	2✔
44	columnHelper.accessor('currentAsk', {	2✔
45	header: () => (	2✔
46	<TableCell.TableHeaderCell	2✔
47	width="xl"	2✔
48	className="text-left"	2✔
49	header="Current Ask"	2✔
50	></TableCell.TableHeaderCell>	2✔
51	),	2✔
52	cell: (info) => (	2✔
53	<TableCell.TableTextCell	15✔
54	width="xl"	15✔
55	label={info.getValue()}	15✔
56	></TableCell.TableTextCell>	15✔
57	),	2✔
58	}),	2✔
59	columnHelper.accessor('spread', {	2✔
60	header: () => (	2✔
61	<TableCell.TableHeaderCell	2✔
62	width="xl"	2✔
63	className="text-left"	2✔
64	header="Spread"	2✔
65	></TableCell.TableHeaderCell>	2✔
66	),	2✔
67	cell: (info) => (	2✔
68	<TableCell.TableTextCell	15✔
69	width="xl"	15✔
70	label={info.getValue()}	15✔
71	></TableCell.TableTextCell>	15✔
72	),	2✔
73	}),	2✔
74	columnHelper.accessor('currency', {	2✔
75	header: () => (	2✔
76	<TableCell.TableHeaderCell	2✔
77	width="xl"	2✔
78	className="text-left"	2✔
79	header="Currency"	2✔
80	></TableCell.TableHeaderCell>	2✔
81	),	2✔
82	cell: (info) => (	2✔
83	<TableCell.TableTextCell	15✔
84	width="xl"	15✔
85	label={info.getValue()}	15✔
86	></TableCell.TableTextCell>	15✔
87	),	2✔
88	}),	2✔
89	]	2!
90	: selected === 'tradingCondition'	×
91	? [	×
92	columnHelper.accessor('instrument', {	×
93	header: () => (	×
94	<TableCell.TableHeaderCell	×
95	className="px-600"	×
96	header="Instrument"	×
97	></TableCell.TableHeaderCell>	×
98	),	×
99	cell: (info) => (	×
100	<TableCell.TableSymbolCell	×
101	className="px-600"	×
102	icon={info.getValue()?.icon}	×
103	label={info.getValue()?.instrument}	×
104	description={info.getValue()?.description}	×
105	></TableCell.TableSymbolCell>	×
106	),	×
107	}),	×
108	columnHelper.accessor('spreadCost', {	×
109	header: () => (	×
110	<TableCell.TableHeaderCell	×
111	width="sm"	×
112	className="text-left"	×
113	header="Spread Cost per 1 Lot [USD]"	×
114	></TableCell.TableHeaderCell>	×
115	),	×
116	cell: (info) => (	×
117	<TableCell.TableTextCell	×
118	width="sm"	×
119	label={info.getValue()}	×
120	></TableCell.TableTextCell>	×
121	),	×
122	}),	×
123	columnHelper.accessor('commission', {	×
124	header: () => (	×
125	<TableCell.TableHeaderCell	×
126	width="sm"	×
127	className="text-left"	×
128	header="Commissions [USD]"	×
129	></TableCell.TableHeaderCell>	×
130	),	×
131	cell: (info) => (	×
132	<TableCell.TableTextCell	×
133	width="sm"	×
134	label={info.getValue()}	×
135	></TableCell.TableTextCell>	×
136	),	×
137	}),	×
138	columnHelper.accessor('effectiveLeverage', {	×
139	header: () => (	×
140	<TableCell.TableHeaderCell	×
141	width="sm"	×
142	className="text-left"	×
143	header="Effective Leverage"	×
144	></TableCell.TableHeaderCell>	×
145	),	×
146	cell: (info) => (	×
147	<TableCell.TableTextCell	×
148	width="sm"	×
149	label={info.getValue()}	×
150	></TableCell.TableTextCell>	×
151	),	×
152	}),	×
153	columnHelper.accessor('marginRequirement', {	×
154	header: () => (	×
155	<TableCell.TableHeaderCell	×
156	width="sm"	×
157	className="text-left"	×
158	header="Margin Requirement/lot"	×
159	></TableCell.TableHeaderCell>	×
160	),	×
161	cell: (info) => (	×
162	<TableCell.TableTextCell	×
163	width="sm"	×
164	label={info.getValue()}	×
165	></TableCell.TableTextCell>	×
166	),	×
167	}),	×
168	columnHelper.accessor('swapLong', {	×
169	header: () => (	×
170	<TableCell.TableHeaderCell	×
171	width="sm"	×
172	className="text-left"	×
173	header="Daily Swap Long (points)"	×
174	></TableCell.TableHeaderCell>	×
175	),	×
176	cell: (info) => (	×
177	<TableCell.TableTextCell	×
178	width="sm"	×
179	label={info.getValue()}	×
180	></TableCell.TableTextCell>	×
181	),	×
182	}),	×
183	columnHelper.accessor('swapShort', {	×
184	header: () => (	×
185	<TableCell.TableHeaderCell	×
186	width="sm"	×
187	className="text-left"	×
188	header="Daily Swap Short (points)"	×
189	></TableCell.TableHeaderCell>	×
190	),	×
191	cell: (info) => (	×
192	<TableCell.TableTextCell	×
193	width="sm"	×
194	label={info.getValue()}	×
195	></TableCell.TableTextCell>	×
196	),	×
197	}),	×
198		×
199	columnHelper.accessor('daySwap', {	×
200	header: () => (	×
201	<TableCell.TableHeaderCell	×
202	width="sm"	×
203	className="text-left"	×
204	header="3 Day Swap"	×
205	></TableCell.TableHeaderCell>	×
206	),	×
207	cell: (info) => (	×
208	<TableCell.TableTextCell	×
209	width="sm"	×
210	label={info.getValue()}	×
211	></TableCell.TableTextCell>	×
212	),	×
213	}),	×
214	]	×
215	: [	×
216	columnHelper.accessor('instrument', {	×
217	header: () => (	×
218	<TableCell.TableHeaderCell	×
219	className="px-600"	×
220	header="Instrument"	×
221	></TableCell.TableHeaderCell>	×
222	),	×
223	cell: (info) => (	×
224	<TableCell.TableSymbolCell	×
225	className="px-600"	×
226	icon={info.getValue()?.icon}	×
227	label={info.getValue()?.instrument}	×
228	description={info.getValue()?.description}	×
229	></TableCell.TableSymbolCell>	×
230	),	×
231	}),	×
232	columnHelper.accessor('contractSize', {	×
233	header: () => (	×
234	<TableCell.TableHeaderCell	×
235	width="md"	×
236	className="text-left"	×
237	header="Contract Size"	×
238	></TableCell.TableHeaderCell>	×
239	),	×
240	cell: (info) => (	×
241	<TableCell.TableTextCell	×
242	width="md"	×
243	label={info.getValue()}	×
244	></TableCell.TableTextCell>	×
245	),	×
246	}),	×
247	columnHelper.accessor('minVolume', {	×
248	header: () => (	×
249	<TableCell.TableHeaderCell	×
250	width="md"	×
251	className="text-left"	×
252	header="Minimum Volume"	×
253	></TableCell.TableHeaderCell>	×
254	),	×
255	cell: (info) => (	×
256	<TableCell.TableTextCell	×
257	width="md"	×
258	label={info.getValue()}	×
259	></TableCell.TableTextCell>	×
260	),	×
261	}),	×
262	columnHelper.accessor('maxVolume', {	×
263	header: () => (	×
264	<TableCell.TableHeaderCell	×
265	width="md"	×
266	className="text-left"	×
267	header="Maximum Volume"	×
268	></TableCell.TableHeaderCell>	×
269	),	×
270	cell: (info) => (	×
271	<TableCell.TableTextCell	×
272	width="md"	×
273	label={info.getValue()}	×
274	></TableCell.TableTextCell>	×
275	),	×
276	}),	×
277	columnHelper.accessor('volumeStep', {	×
278	header: () => (	×
279	<TableCell.TableHeaderCell	×
280	width="md"	×
281	className="text-left"	×
282	header="Volume Step"	×
283	></TableCell.TableHeaderCell>	×
284	),	×
285	cell: (info) => (	×
286	<TableCell.TableTextCell	×
287	width="md"	×
288	label={info.getValue()}	×
289	></TableCell.TableTextCell>	×
290	),	×
291	}),	×
292	columnHelper.accessor('volumeLimit', {	×
293	header: () => (	×
294	<TableCell.TableHeaderCell	×
295	width="md"	×
296	className="text-left"	×
297	header="Volume Limit"	×
298	></TableCell.TableHeaderCell>	×
299	),	×
300	cell: (info) => (	×
301	<TableCell.TableTextCell	×
302	width="md"	×
303	label={info.getValue()}	×
304	></TableCell.TableTextCell>	×
305	),	×
306	}),	×
307	];	×
308		2✔
309	return columns;	2✔
310	};	2✔
311		1✔
312	export default UseColumns;	1✔

deriv-com / deriv-com-v2 / 6875582011

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous