fix: make nav tab reactive

Author: HardeepAsrani

assets/apps/dashboard/src/Components/Header.js

@@ -111,6 +111,8 @@ const HeaderTopBar = ({ currentTab, setTab }) => {
 };
 
 const Navigation = ({ setTab, currentTab }) => {
+	const { isLicenseValid } = useLicenseData();
+
 	return (
 		<div className="border-b border-gray-200">
 			<Container>
@@ -119,6 +121,10 @@ const Navigation = ({ setTab, currentTab }) => {
 						if (!label) {
 							return null;
 						}
+						// Hide "Get Neve Pro" tab for users with valid licenses
+						if (slug === 'get-neve-pro' && isLicenseValid) {
+							return null;
+						}
 						const itemClasses = cn([
 							'relative px-4 py-3 font-medium border-b-2',
 							{

assets/apps/dashboard/src/utils/common.js

@@ -57,11 +57,6 @@ if (neveDash.pro || neveDash.hasOldPro) {
 	delete tabs['free-pro'];
 }
 
-// Only show "Get Neve Pro" tab for users without valid licenses
-if (neveDash.pro && neveDash.license && 'valid' === neveDash.license.valid) {
-	delete tabs['get-neve-pro'];
-}
-
 if (neveDash.whiteLabel) {
 	delete tabs.changelog;
 	if (neveDash.whiteLabel.hideStarterSites) {