feat: MSK, MSK CONNECT and SES

packages/frontend/src/pages/CloudExplorerPage.tsx

@@ -19,6 +19,7 @@ export function CloudExplorerPage() {
     const routeCloud = normalizeCloud(params.cloud)
     const cloud = routeCloud ?? 'aws'
     const service = params.service ?? ''
+    const isAwsMsk = cloud === 'aws' && (service === 'msk' || service === 'msk-connect')
     const [infoOpen, setInfoOpen] = useState(false)
 
     const cloudsQuery = useCloudsQuery()
@@ -27,7 +28,7 @@ export function CloudExplorerPage() {
     const schemaQuery = useQuery({
         queryKey: ['cloud-schema', cloud, service],
         queryFn: ({signal}) => getServiceSchema(cloud, service, signal),
-        enabled: Boolean(service),
+        enabled: Boolean(service) && !isAwsMsk,
     })
 
     const selectedService = useMemo(
@@ -46,7 +47,7 @@ export function CloudExplorerPage() {
 
     // Never redirect while the catalog is still loading: doing so silently sent
     // any unknown or slow-loading service to storage.
-    if (servicesQuery.isSuccess && !selectedService) {
+    if (servicesQuery.isSuccess && !selectedService && !isAwsMsk) {
         return <UnknownServiceNotice cloud={cloud} service={service} services={servicesQuery.data}/>
     }
 
@@ -59,7 +60,7 @@ export function CloudExplorerPage() {
                         : <Cloud size={20}/>}
                     <div>
                         <h1>Cloud Explorer</h1>
-                        <p className="muted">Unified local runtime console</p>
+                        <p className="muted">{isAwsMsk ? (service === 'msk-connect' ? 'Amazon Managed Streaming for Apache Kafka Connect' : 'Amazon Managed Streaming for Apache Kafka') : 'Unified local runtime console'}</p>
                     </div>
                 </div>
                 <div className="cloud-header-selectors">