diff --git a/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx b/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx
index 92db968bbc..cc8dc6a2fd 100644
--- a/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx
+++ b/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx
@@ -62,23 +62,46 @@ type Props = {
}
export default function PremiumMessages(props: Props) {
const { premiumStatus: status } = useSelector('getKeyActivationState')();
- return (
- <>
- {status === PremiumStatus.VALID_PREMIUM_PLUGIN_ACTIVE && }
- {status === PremiumStatus.VALID_PREMIUM_PLUGIN_NOT_ACTIVE && (
-
- )}
- {status === PremiumStatus.VALID_PREMIUM_PLUGIN_NOT_INSTALLED && (
-
- )}
- {status === PremiumStatus.VALID_PREMIUM_PLUGIN_BEING_INSTALLED && }
- {status === PremiumStatus.VALID_PREMIUM_PLUGIN_BEING_ACTIVATED && }
- {status === PremiumStatus.INVALID && }
-
- >
- );
+ switch (status) {
+ case PremiumStatus.VALID_PREMIUM_PLUGIN_ACTIVE:
+ return (
+ <>
+
+
+ >
+ );
+ case PremiumStatus.VALID_PREMIUM_PLUGIN_NOT_ACTIVE:
+ return (
+ <>
+
+
+ >
+ );
+ case PremiumStatus.VALID_PREMIUM_PLUGIN_BEING_INSTALLED:
+ return (
+ <>
+
+
+ >
+ );
+ case PremiumStatus.VALID_PREMIUM_PLUGIN_BEING_ACTIVATED:
+ return (
+ <>
+
+
+ >
+ );
+ case PremiumStatus.INVALID:
+ return (
+ <>
+
+
+ >
+ );
+ default:
+ return null;
+ }
}
-
PremiumMessages.defaultProps = {
keyMessage: '',
};