feat: redirect to deriv help-centre by clicking on need help and contact us button (#7231)

Author: mohammad-hashemi-deriv

src/javascript/_common/base/elevio.js

@@ -56,7 +56,7 @@ const VideoFacility           = require('../pages/user/video_facility');
 
 // ==================== static ====================
 // const Charity            = require('../../static/pages/charity');
-const Contact             = require('../../static/pages/contact');
+// const Contact             = require('../../static/pages/contact');
 // const Contact2            = require('../../static/pages/contact_2');
 const DeactivatedAccount  = require('../../static/pages/deactivated_account');
 const GetStarted          = require('../../static/pages/get_started');
@@ -89,7 +89,7 @@ const pages_config = {
     // charity                  : { module: Charity },
     change_passwordws        : { module: ChangePassword,             is_authenticated: true },
     closure                  : { module: AccountClosure,             is_authenticated: true },
-    contact                  : { module: Contact },
+    // contact                  : { module: Contact },
     cryptocurrencies         : { module: GetStarted.Cryptocurrencies },
     cyberjaya                : { module: StaticPages.Locations },
     detailsws                : { module: PersonalDetails,            is_authenticated: true, needs_currency: true },

src/javascript/app/base/binary_pages.js

@@ -8,7 +8,6 @@ const Menu             = require('./menu');
 const BinarySocket     = require('./socket');
 const TrafficSource    = require('../common/traffic_source');
 const RealityCheck     = require('../pages/user/reality_check/reality_check');
-const Elevio           = require('../../_common/base/elevio');
 const Login            = require('../../_common/base/login');
 const ClientBase       = require('../../_common/base/client_base');
 const elementInnerHtml = require('../../_common/common_functions').elementInnerHtml;
@@ -42,7 +41,6 @@ const Page = (() => {
         State.set('is_loaded_by_pjax', false);
         GTM.init();
         Url.init();
-        Elevio.init();
         PushNotification.init();
         onDocumentReady();
         Crowdin.init();
@@ -98,10 +96,7 @@ const Page = (() => {
                     // TODO: uncomment below to enable interview popup dialog
                     // InterviewPopup.onLoad();
                 }
-                if (url_query_strings['data-elevio-article']) {
-                    Elevio.injectElevio();
-                }
-
+                
                 // Handle opening livechat via URL
                 const is_livechat_open = url_query_strings.is_livechat_open === 'true';
 

src/javascript/app/base/page.js

@@ -52,7 +52,7 @@ const Footer = () => (
                                     { text: it.L('Binary.com in Numbers'),  href: it.url_for('binary-in-numbers') },
                                     { text: it.L('Careers'),                href: it.deriv_career_url ,                   target: '_blank' },
                                     { text: it.L('Patents'),                href: it.url_for('legal/us_patents') },
-                                    { text: it.L('Contact Us'),             href: it.url_for('contact') },
+                                    { text: it.L('Contact Us'),             href: 'https://deriv.com/help-centre' },
                                 ]}
                             />
 

src/javascript/static/pages/contact.js

@@ -2,7 +2,7 @@
 import React from 'react';
 
 const Elevio = () => (
-    <React.Fragment>
+    <a href="https://deriv.com/help-centre">
         <div id='elevio-shell'>
             <span className='text'>
                 {it.L('NEED HELP?')}
@@ -18,6 +18,6 @@ const Elevio = () => (
                 </svg>
             </span>
         </div>
-    </React.Fragment>
+    </a>
 );
 export default Elevio;