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: '', };