Fix react/no-danger eslint problem

[MAILPOET-976]

assets/js/src/help-tooltip.js

@@ -5,22 +5,9 @@ define('helpTooltip', ['mailpoet', 'React', 'react-dom', 'help-tooltip.jsx'],
     MailPoet.helpTooltip = {
       show: function (domContainerNode, opts) {
 
-        var tooltipText = React.createElement(
-          "span",
-          {
-            style: {
-              pointerEvents: "all",
-            },
-            "dangerouslySetInnerHTML": {
-              __html: opts.tooltip,
-            },
-          },
-          null
-        );
-
         ReactDOM.render(React.createElement(
           TooltipComponent, {
-            tooltip: tooltipText,
+            tooltip: opts.tooltip,
             tooltipId: opts.tooltipId,
           }
         ), domContainerNode);

assets/js/src/help-tooltip.jsx

@@ -1,13 +1,19 @@
 import React from 'react';
 import ReactTooltip from 'react-tooltip';
+import ReactHtmlParser from 'react-html-parser';
 
 function Tooltip(props) {
   let tooltipId = props.tooltipId;
+  let tooltip = props.tooltip;
   // tooltip ID must be unique, defaults to tooltip text
   if(!props.tooltipId && typeof props.tooltip === "string") {
     tooltipId = props.tooltip;
   }
 
+  if(typeof props.tooltip === "string") {
+    tooltip = ReactHtmlParser(props.tooltip);
+  }
+
   return (
     <span>
       <span
@@ -26,7 +32,7 @@ function Tooltip(props) {
           id={tooltipId}
           efect="solid"
         >
-          {props.tooltip}
+          {tooltip}
         </ReactTooltip>
     </span>
   );

assets/js/src/newsletters/send.jsx

@@ -217,11 +217,6 @@ define(
         return true;
       },
       render: function () {
-        const tooltip = (<span
-          dangerouslySetInnerHTML={{
-            __html: MailPoet.I18n.t('helpTooltipSendEmail'),
-          }}
-        />);
         return (
           <div>
             <h1>{MailPoet.I18n.t('finalNewsletterStep')}</h1>
@@ -259,7 +254,7 @@ define(
                 </a>.
               </p>
               <HelpTooltip
-                tooltip={tooltip}
+                tooltip={MailPoet.I18n.t('helpTooltipSendEmail')}
                 tooltipId="helpTooltipSendEmail"
               />
             </Form>