feat: take profit text unification

Author: maryia-deriv

packages/trader/src/Modules/Trading/Components/Form/TradeParams/Multiplier/__tests__/take-profit.spec.tsx

@@ -8,6 +8,8 @@ import TraderProviders from '../../../../../../../trader-providers';
 describe('<TakeProfit />', () => {
     let default_mocked_store: ReturnType<typeof mockStore>,
         default_mocked_props: React.ComponentProps<typeof TakeProfit>;
+    const popoverTestid = 'dt_popover_wrapper';
+    const takeProfitTooltipText = /When your profit reaches/i;
 
     beforeEach(() => {
         default_mocked_store = {
@@ -85,19 +87,19 @@ describe('<TakeProfit />', () => {
     it('should render correct text of the tooltip for Multipliers', () => {
         render(mockTakeProfit());
 
-        expect(screen.queryByText(/When your profit reaches/i)).not.toBeInTheDocument();
-        userEvent.hover(screen.getByTestId('dt_popover_wrapper'));
+        expect(screen.queryByText(takeProfitTooltipText)).not.toBeInTheDocument();
+        userEvent.hover(screen.getByTestId(popoverTestid));
 
-        expect(screen.getByText(/When your profit reaches/i)).toBeInTheDocument();
+        expect(screen.getByText(takeProfitTooltipText)).toBeInTheDocument();
     });
     it('should render correct text of the tooltip for Accumulators', () => {
         default_mocked_store.modules.trade.is_accumulator = true;
         default_mocked_store.modules.trade.is_multiplier = false;
         render(mockTakeProfit());
 
-        expect(screen.queryByText(/Your contract will be closed/i)).not.toBeInTheDocument();
-        userEvent.hover(screen.getByTestId('dt_popover_wrapper'));
+        expect(screen.queryByText(takeProfitTooltipText)).not.toBeInTheDocument();
+        userEvent.hover(screen.getByTestId(popoverTestid));
 
-        expect(screen.getByText(/Your contract will be closed/i)).toBeInTheDocument();
+        expect(screen.getByText(takeProfitTooltipText)).toBeInTheDocument();
     });
 });

packages/trader/src/Modules/Trading/Components/Form/TradeParams/Multiplier/take-profit.tsx

@@ -42,11 +42,6 @@ const TakeProfit = observer((props: TTakeProfitProps) => {
             onChange(e);
         }
     };
-    const tooltip_text = is_multiplier ? (
-        <Localize i18n_default_text='When your profit reaches or exceeds this amount, your trade will be closed automatically.' />
-    ) : (
-        <Localize i18n_default_text='Your contract will be closed automatically if your profit reaches this amount.' />
-    );
 
     return (
         <Fieldset className='trade-container__fieldset'>
@@ -73,7 +68,9 @@ const TakeProfit = observer((props: TTakeProfitProps) => {
                 name='take_profit'
                 onChange={changeValue}
                 setCurrentFocus={setCurrentFocus}
-                tooltip_label={tooltip_text}
+                tooltip_label={
+                    <Localize i18n_default_text='When your profit reaches or exceeds this amount, your trade will be closed automatically.' />
+                }
                 tooltip_alignment='left'
                 error_message_alignment='left'
                 value={take_profit ?? ''}