diff --git a/frontend/src/pages/team/Brokers/ChooseBroker.vue b/frontend/src/pages/team/Brokers/ChooseBroker.vue index 287f6b6ca9..e389fe6084 100644 --- a/frontend/src/pages/team/Brokers/ChooseBroker.vue +++ b/frontend/src/pages/team/Brokers/ChooseBroker.vue @@ -61,10 +61,11 @@ export default { }, computed: { ...mapGetters('product', ['hasFfUnsClients', 'hasBrokers']), + ...mapGetters('account', ['featuresCheck']), options () { return [ { - ribbon: 'Recommended', + ribbon: this.featuresCheck.isExternalMqttBrokerFeatureEnabled ? 'Recommended' : '', title: 'FlowFuse Broker', content: [ '20 x MQTT Clients included in your plan' @@ -79,7 +80,8 @@ export default { 'Requires a third-party broker to be setup' ], contentType: 'dash', - to: { name: 'team-brokers-new' } + to: { name: 'team-brokers-new' }, + hidden: !this.featuresCheck.isExternalMqttBrokerFeatureEnabled } ].filter(op => !op.hidden) }, diff --git a/frontend/src/pages/team/Brokers/NewBroker.vue b/frontend/src/pages/team/Brokers/NewBroker.vue index 369227492d..3c9bdc2066 100644 --- a/frontend/src/pages/team/Brokers/NewBroker.vue +++ b/frontend/src/pages/team/Brokers/NewBroker.vue @@ -4,11 +4,21 @@