Replace old advanced tab with the new one

assets/js/src/old_settings/tabs.js

@@ -62,6 +62,9 @@ if (jQuery('#mailpoet_settings').length > 0) {
       if (tab === 'signup') {
         window.location.href = '?page=mailpoet-new-settings#/signup';
       }
+      if (tab === 'advanced') {
+        window.location.href = '?page=mailpoet-new-settings#/advanced';
+      }
       // reset all active tabs
       jQuery('.nav-tab-wrapper a').removeClass('nav-tab-active');
 

assets/js/src/settings/components/tabs.tsx

@@ -41,13 +41,13 @@ export default () => {
           {t('wooCommerceTab')}
         </TabLink>
       )}
-      <a
+      <TabLink
-        className="nav-tab"
+        name="advanced"
-        href="?page=mailpoet-settings#advanced"
+        current={current}
-        data-automation-id="settings-advanced-tab"
+        automationId="settings-advanced-tab"
       >
         {t('advancedTab')}
-      </a>
+      </TabLink>
       <TabLink
         name="premium"
         current={current}

views/old_settings.html

@@ -21,7 +21,7 @@
         <% if is_woocommerce_active %>
           <a class="nav-tab" href="?page=mailpoet-new-settings#/woocommerce" data-automation-id="woocommerce_settings_tab"><%= __('WooCommerce') %></a>
         <% endif %>
-        <a class="nav-tab" href="#advanced" data-automation-id="settings-advanced-tab"><%= __('Advanced') %></a>
+        <a class="nav-tab" href="?page=mailpoet-new-settings#/advanced" data-automation-id="settings-advanced-tab"><%= __('Advanced') %></a>
         <a class="nav-tab nav-tab-reload" href="?page=mailpoet-new-settings#premium" data-automation-id="activation_settings_tab"><%= __('Key Activation') %></a>
       </h2>