console: Add lora cloud banner

Author: ryaplots

pkg/webui/console/views/application-integrations-lora-cloud/index.js

@@ -26,6 +26,7 @@ import Breadcrumb from '@ttn-lw/components/breadcrumbs/breadcrumb'
 import { useBreadcrumbs } from '@ttn-lw/components/breadcrumbs/context'
 import Link from '@ttn-lw/components/link'
 import Collapse from '@ttn-lw/components/collapse'
+import Notification from '@ttn-lw/components/notification'
 
 import Message from '@ttn-lw/lib/components/message'
 import ErrorView from '@ttn-lw/lib/components/error-view'
@@ -57,6 +58,8 @@ const m = defineMessages({
     'With the LoRa Cloud Modem and Geolocation Services protocol, you can manage common device functionality at the application layer for LoRaWAN-enabled devices.',
   glsDescription:
     'LoRa Cloud Geolocation is a simple cloud API that can be easily integrated with The Things Stack to enable estimating the location of any LoRa-based device.',
+  loraSupportTitle: 'LoRa Cloud support',
+  loraSupport: 'The support for this integration will be dropped after July.',
 })
 
 const LoRaCloud = () => {
@@ -89,6 +92,13 @@ const LoRaCloud = () => {
       >
         <ErrorView errorRender={SubViewError}>
           <div className="container container--xl grid">
+            <Notification
+              warning
+              content={m.loraSupport}
+              title={m.loraSupportTitle}
+              small
+              className="item-12"
+            />
             <PageTitle title="LoRa Cloud Modem and Geolocation Services" />
             <div className="item-12">
               <img

pkg/webui/locales/en.json

@@ -951,6 +951,8 @@
   "console.views.application-integrations-lora-cloud.index.officialLoRaCloudDocumentation": "Official LoRa Cloud documentation",
   "console.views.application-integrations-lora-cloud.index.dasDescription": "With the LoRa Cloud Modem and Geolocation Services protocol, you can manage common device functionality at the application layer for LoRaWAN-enabled devices.",
   "console.views.application-integrations-lora-cloud.index.glsDescription": "LoRa Cloud Geolocation is a simple cloud API that can be easily integrated with The Things Stack to enable estimating the location of any LoRa-based device.",
+  "console.views.application-integrations-lora-cloud.index.loraSupportTitle": "LoRa Cloud support",
+  "console.views.application-integrations-lora-cloud.index.loraSupport": "The support for this integration will be dropped after July.",
   "console.views.application-integrations-mqtt.index.publicAddress": "Public address",
   "console.views.application-integrations-mqtt.index.publicTlsAddress": "Public TLS address",
   "console.views.application-integrations-mqtt.index.generateApiKey": "Generate new API key",

pkg/webui/locales/ja.json

@@ -951,6 +951,8 @@
   "console.views.application-integrations-lora-cloud.index.officialLoRaCloudDocumentation": "",
   "console.views.application-integrations-lora-cloud.index.dasDescription": "",
   "console.views.application-integrations-lora-cloud.index.glsDescription": "",
+  "console.views.application-integrations-lora-cloud.index.loraSupportTitle": "",
+  "console.views.application-integrations-lora-cloud.index.loraSupport": "",
   "console.views.application-integrations-mqtt.index.publicAddress": "",
   "console.views.application-integrations-mqtt.index.publicTlsAddress": "",
   "console.views.application-integrations-mqtt.index.generateApiKey": "",