add tooltip for tbxVehicleTaxInYear

src/client/Containers/Calculation/lib/buildElement.js

@@ -10,16 +10,14 @@ import { omit } from 'lodash';
 import elementsActions from './elements/actions';
 import elementsComponents from './elements/components';
 import elementsComputedValues from './elements/computedValues';
-import elementsProps from './elements/elementsProps';
 import tables from './elements/tables';
 import elementsTypes from './elements/types';
 import elementsUrls from './elements/urls';
 import elementsValues from './elements/values';
 
-export function buildElement(elementName) {
+export function buildElement(elementName, elementProps = {}) {
   const elementType = elementsTypes[elementName];
   const Component = elementsComponents[elementName];
-  const elementProps = elementsProps[elementName] || {};
 
   switch (elementType) {
     case ElementType.Table: {

src/client/Containers/Calculation/lib/elements/elementsProps.ts

@@ -350,6 +350,10 @@ const elementsProps: TElements<ElementProps> = {
     step: 100,
     max: 9999999,
     precision: 2,
+    tooltip: {
+      title: 'Без учета налога на роскошь',
+      placement: 'topLeft',
+    },
   },
   tbxVehicleTaxInLeasingPeriod: {
     min: 0,

src/client/Containers/Calculation/lib/renderSections.js

@@ -1,12 +1,14 @@
 import { Tabs } from 'antd';
 import Divider from 'client/Elements/Divider';
 import { SecondaryColoredText } from 'client/Elements/Text';
+import Tooltip from 'client/Elements/Tooltip';
 import colors from 'client/UIKit/colors';
 import { Box, Flex } from 'client/UIKit/grid';
 import mq from 'client/UIKit/mq';
 import { Fragment } from 'react';
 import styled from 'styled-components';
 import { buildElement } from '../lib/buildElement';
+import elementsProps from './elements/elementsProps';
 import elementsTitles from './elements/titles';
 
 const ElementTitle = styled.h5`
@@ -23,12 +25,16 @@ const ElementTitle = styled.h5`
 const renderElements = ({ elements }) => {
   return elements.map((elementName, ie) => {
     const elementTitle = elementsTitles[elementName];
-    const Component = buildElement(elementName);
+    const { tooltip, ...elementProps } = elementsProps[elementName] || {};
+
+    const Component = buildElement(elementName, elementProps);
     return (
-      <Flex flexDirection="column" key={ie}>
-        <ElementTitle>{elementTitle}</ElementTitle>
-        <Component />
-      </Flex>
+      <Tooltip {...tooltip}>
+        <Flex flexDirection="column" key={ie}>
+          <ElementTitle>{elementTitle}</ElementTitle>
+          <Component />
+        </Flex>
+      </Tooltip>
     );
   });
 };

src/client/Elements/Tooltip.jsx

@@ -0,0 +1,3 @@
+import { Tooltip as AntTooltip } from 'antd';
+
+export default AntTooltip;