diff --git a/web/src/Service.jsx b/web/src/Service.jsx index 8f68147..1d6527c 100644 --- a/web/src/Service.jsx +++ b/web/src/Service.jsx @@ -29,8 +29,8 @@ function Service(props) { const configMapWidgets = configMaps(service.pods, service.svc.metadata.namespace, capacitorClient) const secretWidgets = secrets(service.pods, service.svc.metadata.namespace, capacitorClient) - const appPort = getAppPort(service.svc.spec.ports) ?? ""; - const hostPort = getHostPort(service.svc.spec.ports) ?? ""; + const appPort = getAppPort(service.svc?.spec?.ports) ?? ""; + const hostPort = getHostPort(service.svc?.spec?.ports) ?? ""; return ( <> @@ -76,75 +76,6 @@ function Service(props) { } - {/*
-

Links

- -
*/}
{ deployment && @@ -174,7 +105,7 @@ function Service(props) {

) : null } - {service.svc.spec.ports && + {service.svc?.spec?.ports && <> http://127.0.0.1:{hostPort}
} - {/* { deployment && -
-

Health

-
- -
-
- } */} { kustomization && source &&

Sync

@@ -220,7 +143,9 @@ function Service(props) { className="ml-1 cursor-pointer"> ({helmRelease.metadata.namespace}/{helmRelease.metadata.name})
+
+
} diff --git a/web/src/Services.jsx b/web/src/Services.jsx index d88cc78..39b28bf 100644 --- a/web/src/Services.jsx +++ b/web/src/Services.jsx @@ -1,6 +1,8 @@ import React, { memo, useState } from 'react'; import Service from "./Service"; import { findSource } from './utils'; +import { ErrorBoundary } from "react-error-boundary"; +import { fallbackRender } from "./FallbackRender" const Services = memo(function Services(props) { const { capacitorClient, store, filters, handleNavigationSelect } = props @@ -33,17 +35,19 @@ const Services = memo(function Services(props) { const source = findSource(sources, kustomization) return ( - + + + ) })}