refactor: license validation condition

Author: girishpanchal30

assets/apps/dashboard/src/Components/Content/Sidebar/LicenseCard.js

@@ -28,9 +28,10 @@ const LicenseCard = () => {
 	const { valid, expiration } = license;
 	const { whiteLabel, strings } = neveDash;
 	const { licenseCardHeading, licenseCardDescription } = strings;
+	const isValid = 'valid' === valid;
 
 	const toggleLicense = () => {
-		const toDo = 'valid' === valid ? 'deactivate' : 'activate';
+		const toDo = isValid ? 'deactivate' : 'activate';
 		setStatus('activate' === toDo ? 'activating' : 'deactivating');
 		send(proApi + '/toggle_license', { key, action: toDo }).then(
 			(response) => {
@@ -48,11 +49,10 @@ const LicenseCard = () => {
 		);
 	};
 
-	if (whiteLabel && whiteLabel.hideLicense && 'valid' === valid) {
+	if (whiteLabel && whiteLabel.hideLicense && isValid) {
 		return null;
 	}
 
-	const isValid = 'valid' === valid;
 	const isOrWasValid = ['valid', 'active_expired', 'expired'].includes(valid);
 
 	const getStatusLabel = () => {
@@ -64,9 +64,7 @@ const LicenseCard = () => {
 		};
 
 		if (!status) {
-			return isValid
-				? __('Deactivate', 'neve')
-				: __('Activate', 'neve');
+			return isValid ? __('Deactivate', 'neve') : __('Activate', 'neve');
 		}
 
 		return statusLabelMap[status];
@@ -109,8 +107,8 @@ const LicenseCard = () => {
 						placeholder={__('Enter License Key', 'neve')}
 					/>
 					<Button
-						isPrimary={'valid' !== valid}
-						isSecondary={'valid' === valid}
+						isPrimary={!isValid}
+						isSecondary={isValid}
 						disabled={!!status || !key}
 						isSubmit
 					>
@@ -127,10 +125,10 @@ const LicenseCard = () => {
 				{isOrWasValid && (
 					<div className="flex items-center gap-1">
 						<Pill
-							type={valid === 'valid' ? 'success' : 'warning'}
+							type={isValid ? 'success' : 'warning'}
 							className="inline-flex items-center gap-1 px-2 py-1"
 						>
-							{valid === 'valid' ? (
+							{isValid ? (
 								<>
 									<LucideCircleCheck size={14} />
 									<span>{__('Valid', 'neve')}</span>
@@ -146,7 +144,7 @@ const LicenseCard = () => {
 							<>
 								<span className="space-x-1 ml-auto">
 									<span className="text-xs">
-										{'valid' === valid
+										{isValid
 											? __('Expires', 'neve')
 											: __('Expired', 'neve')}
 									</span>