From b45febac63d02928c8abecbf2f7fa2bfd74472c9 Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Mon, 30 Mar 2020 07:07:14 +0200
Subject: [PATCH] Redirect to the new key activation tab

[MAILPOET-2681]
---
 assets/js/src/old_settings/tabs.js         |  3 +++
 assets/js/src/settings/components/tabs.tsx | 10 +++++-----
 views/old_settings.html                    |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/assets/js/src/old_settings/tabs.js b/assets/js/src/old_settings/tabs.js
index 5ba8a1c214..eea45df1fc 100644
--- a/assets/js/src/old_settings/tabs.js
+++ b/assets/js/src/old_settings/tabs.js
@@ -56,6 +56,9 @@ if (jQuery('#mailpoet_settings').length > 0) {
           window.location.href = '?page=mailpoet-new-settings#/woocommerce';
         }
       }
+      if (tab === 'premium') {
+        window.location.href = '?page=mailpoet-new-settings#/premium';
+      }
       // reset all active tabs
       jQuery('.nav-tab-wrapper a').removeClass('nav-tab-active');
 
diff --git a/assets/js/src/settings/components/tabs.tsx b/assets/js/src/settings/components/tabs.tsx
index f039fb69bc..c995b6c555 100644
--- a/assets/js/src/settings/components/tabs.tsx
+++ b/assets/js/src/settings/components/tabs.tsx
@@ -48,13 +48,13 @@ export default () => {
       >
         {t('advancedTab')}
       </a>
-      <a
-        className="nav-tab"
-        href="?page=mailpoet-settings#premium"
-        data-automation-id="activation_settings_tab"
+      <TabLink
+        name="premium"
+        current={current}
+        automationId="activation_settings_tab"
       >
         {t('keyActivationTab')}
-      </a>
+      </TabLink>
     </h2>
   );
 };
diff --git a/views/old_settings.html b/views/old_settings.html
index ae046b0231..e2f331d6bb 100644
--- a/views/old_settings.html
+++ b/views/old_settings.html
@@ -22,7 +22,7 @@
           <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 nav-tab-reload" href="#premium" data-automation-id="activation_settings_tab"><%= __('Key Activation') %></a>
+        <a class="nav-tab nav-tab-reload" href="?page=mailpoet-new-settings#premium" data-automation-id="activation_settings_tab"><%= __('Key Activation') %></a>
       </h2>
 
       <!-- sending method -->