48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
import elementsRender from '../../config/elements-render';
|
|
import { elements } from './config';
|
|
import { useStore } from '@/stores/hooks';
|
|
import { observer } from 'mobx-react-lite';
|
|
import { Flex } from 'ui';
|
|
|
|
function PaymentsParams() {
|
|
const renderedElements = elements.map((elementName) => {
|
|
const render = elementsRender[elementName]?.render;
|
|
|
|
return render();
|
|
});
|
|
|
|
const [selectSeasonType, tbxParmentsDecreasePercent, selectHighSeasonStart] = renderedElements;
|
|
|
|
const { $calculation } = useStore();
|
|
const graphType = $calculation.element('radioGraphType').getValue();
|
|
|
|
switch (graphType) {
|
|
case 100_000_000: {
|
|
return null;
|
|
}
|
|
case 100_000_001: {
|
|
return <Flex flexDirection="column">{selectSeasonType}</Flex>;
|
|
}
|
|
case 100_000_002: {
|
|
return <Flex flexDirection="column">{tbxParmentsDecreasePercent}</Flex>;
|
|
}
|
|
case 100_000_003: {
|
|
return (
|
|
<Flex flexDirection="column">
|
|
{selectSeasonType}
|
|
{selectHighSeasonStart}
|
|
</Flex>
|
|
);
|
|
}
|
|
case 100_000_004: {
|
|
return null;
|
|
}
|
|
|
|
default: {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
export default observer(PaymentsParams);
|