evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix render rows order (Insurance tab)

Browse Source
This commit is contained in:
vchikalkin 2024-07-01 20:45:23 +03:00
parent 7664e71506
commit d8c3bcdd17
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/web/Components/Calculation/Form/Insurance/config.ts
View File

@ -1,4 +1,5 @@
import type { FormTabRows } from '../../lib/render-rows';
import { transformRowsForMobile } from '../lib/utils';
export const id = 'insurance';
export const title = 'Страхование';
@ -11,3 +12,5 @@ export const rows: FormTabRows = [
[['tbxEngineVolume', 'cbxInsDecentral', 'selectGPSModel']],
[['selectLeasingWithoutKasko', 'selectInsNSIB']],
];
export const mobileRows = transformRowsForMobile(rows);

8
apps/web/Components/Calculation/Form/Insurance/index.jsx
View File

@ -1,15 +1,15 @@
import renderFormRows from '../../lib/render-rows';
import { id, rows, title } from './config';
import { id, mobileRows, rows, title } from './config';
import FinGAPTable from './FinGAPTable';
import InsuranceTable from './InsuranceTable';
import { Media } from '@/styles/media';
import { Flex } from 'ui/grid';
function Insurance() {
const renderedRows = renderFormRows(rows);
return (
<Flex flexDirection="column">
{renderedRows}
<Media lessThan="laptop">{renderFormRows(mobileRows)}</Media>
<Media greaterThanOrEqual="laptop">{renderFormRows(rows)}</Media>
<InsuranceTable />
<FinGAPTable />
</Flex>