Refactor old components

DEVELOPMENT.md

@@ -675,7 +675,7 @@ To decide whether a component is a container component, ask yourself:
 - Is this component more concerned with how things work, rather than how things look?
 - Does this component connect to the store?
 - Does this component fetch or send data?
-- Is the component generated by higher order components (e.g. `withFeatureRequirement`)?
+- Is the component generated by higher order components?
 - Does this component render simple nodes, like a single presentational component?
 
 If you can answer more than 2 questions with yes, then you likely have a container component.
@@ -692,7 +692,6 @@ View components always represent a single view of the application, represented b
 - Fetching necessary data (via `withRequest` HOC), if not done by a container
 - Unavailable "catch-all"-routes are caught by `<NotFoundRoute />` component, including subviews
 - Errors should be caught by the `<ErrorView />` error boundary component
-- `withFeatureRequirement` HOC is used to prevent access to routes that the user has no rights for
 - Ensured responsiveness and usage of the grid system
 
 #### Utility components

cypress/e2e/console/integrations/pub-subs/create.spec.js

@@ -1,4 +1,4 @@
 // Copyright © 2020 The Things Network Foundation, The Things Industries B.V.
 //
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -323,4 +323,85 @@
       })
     })
   })
+
+  describe('Disabled Providers', () => {
+    const description = 'Changing the Pub/Sub provider has been disabled by an administrator'
+
+    describe('NATS disabled', () => {
+      const response = {
+        configuration: {
+          pubsub: {
+            providers: {
+              nats: 'DISABLED',
+            },
+          },
+        },
+      }
+
+      beforeEach(() => {
+        cy.loginConsole({ user_id: userId, password: user.password })
+        cy.visit(
+          `${Cypress.config('consoleRootPath')}/applications/${appId}/integrations/pubsubs/add`,
+        )
+
+        cy.intercept('GET', `/api/v3/as/configuration`, response)
+      })
+      it('succeeds setting MQTT as default provider', () => {
+        cy.findByLabelText('NATS').should('be.disabled')
+        cy.findByText(description).should('be.visible')
+      })
+    })
+
+    describe('MQTT disabled', () => {
+      const description = 'Changing the Pub/Sub provider has been disabled by an administrator'
+      const response = {
+        configuration: {
+          pubsub: {
+            providers: {
+              mqtt: 'DISABLED',
+            },
+          },
+        },
+      }
+
+      beforeEach(() => {
+        cy.loginConsole({ user_id: userId, password: user.password })
+        cy.visit(
+          `${Cypress.config('consoleRootPath')}/applications/${appId}/integrations/pubsubs/add`,
+        )
+        cy.intercept('GET', `/api/v3/as/configuration`, response)
+      })
+
+      it('succeeds setting NATS as default provider', () => {
+        cy.findByLabelText('MQTT').should('be.disabled')
+        cy.findByText(description).should('be.visible')
+      })
+    })
+
+    describe('MQTT and NATS disabled', () => {
+      const response = {
+        configuration: {
+          pubsub: {
+            providers: {
+              mqtt: 'DISABLED',
+              nats: 'DISABLED',
+            },
+          },
+        },
+      }
+
+      beforeEach(() => {
+        cy.loginConsole({ user_id: userId, password: user.password })
+        cy.on('uncaught:exception', () => false)
+        cy.visit(
+          `${Cypress.config('consoleRootPath')}/applications/${appId}/integrations/pubsubs/add`,
+        )
+        cy.intercept('GET', `/api/v3/as/configuration`, response)
+      })
+
+      it('succeeds showing not found page', () => {
+        cy.findByRole('heading', { name: /Not found/ }).should('be.visible')
+      })
+    })
+  })
 })