hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Export ingress metrics from store

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-07-19 13:31:17 +03:00
parent 3772c82542
commit 6c09bae93e
2 changed files with 13 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/renderer/components/+network-ingresses/ingress-details.tsx
View File

@ -23,16 +23,15 @@ import "./ingress-details.scss";
import React from "react"; import React from "react";
import { disposeOnUnmount, observer } from "mobx-react"; import { disposeOnUnmount, observer } from "mobx-react";
import { reaction } from "mobx"; import { observable, reaction } from "mobx";
import { DrawerItem, DrawerTitle } from "../drawer"; import { DrawerItem, DrawerTitle } from "../drawer";
import type { ILoadBalancerIngress, Ingress } from "../../api/endpoints"; import type { ILoadBalancerIngress, Ingress } from "../../api/endpoints";
import { Table, TableCell, TableHead, TableRow } from "../table"; import { Table, TableCell, TableHead, TableRow } from "../table";
import { ingressStore } from "./ingress.store";
import { ResourceMetrics } from "../resource-metrics"; import { ResourceMetrics } from "../resource-metrics";
import type { KubeObjectDetailsProps } from "../kube-object"; import type { KubeObjectDetailsProps } from "../kube-object";
import { IngressCharts } from "./ingress-charts"; import { IngressCharts } from "./ingress-charts";
import { KubeObjectMeta } from "../kube-object/kube-object-meta"; import { KubeObjectMeta } from "../kube-object/kube-object-meta";
import { getBackendServiceNamePort } from "../../api/endpoints/ingress.api"; import { getBackendServiceNamePort, getMetricsForIngress, IIngressMetrics } from "../../api/endpoints/ingress.api";
import { getActiveClusterEntity } from "../../api/catalog-entity-registry"; import { getActiveClusterEntity } from "../../api/catalog-entity-registry";
import { ClusterMetricsResourceType } from "../../../main/cluster"; import { ClusterMetricsResourceType } from "../../../main/cluster";
@ -41,13 +40,17 @@ interface Props extends KubeObjectDetailsProps<Ingress> {
@observer @observer
export class IngressDetails extends React.Component<Props> { export class IngressDetails extends React.Component<Props> {
@observable metrics: IIngressMetrics = null;
@disposeOnUnmount @disposeOnUnmount
clean = reaction(() => this.props.object, () => { clean = reaction(() => this.props.object, () => {
ingressStore.reset(); this.metrics = null;
}); });
componentWillUnmount() { async loadMetrics() {
ingressStore.reset(); const { object: ingress } = this.props;
this.metrics = await getMetricsForIngress(ingress.getName(), ingress.getNs());
} }
renderPaths(ingress: Ingress) { renderPaths(ingress: Ingress) {
@ -124,7 +127,7 @@ export class IngressDetails extends React.Component<Props> {
const { spec, status } = ingress; const { spec, status } = ingress;
const ingressPoints = status?.loadBalancer?.ingress; const ingressPoints = status?.loadBalancer?.ingress;
const { metrics } = ingressStore; const { metrics } = this;
const metricTabs = [ const metricTabs = [
"Network", "Network",
"Duration", "Duration",
@ -136,7 +139,7 @@ export class IngressDetails extends React.Component<Props> {
<div className="IngressDetails"> <div className="IngressDetails">
{!isMetricHidden && ( {!isMetricHidden && (
<ResourceMetrics <ResourceMetrics
loader={() => ingressStore.loadMetrics(ingress)} loader={this.loadMetrics}
tabs={metricTabs} object={ingress} params={{ metrics }} tabs={metricTabs} object={ingress} params={{ metrics }}
> >
<IngressCharts/> <IngressCharts/>

23
src/renderer/components/+network-ingresses/ingress.store.ts
View File

@ -18,31 +18,12 @@
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
import { observable, makeObservable } from "mobx";
import { KubeObjectStore } from "../../kube-object.store";
import { autoBind } from "../../utils";
import { IIngressMetrics, Ingress, ingressApi } from "../../api/endpoints";
import { apiManager } from "../../api/api-manager"; import { apiManager } from "../../api/api-manager";
import { Ingress, ingressApi } from "../../api/endpoints";
import { KubeObjectStore } from "../../kube-object.store";
export class IngressStore extends KubeObjectStore<Ingress> { export class IngressStore extends KubeObjectStore<Ingress> {
api = ingressApi; api = ingressApi;
@observable metrics: IIngressMetrics = null;
constructor() {
super();
makeObservable(this);
autoBind(this);
}
async loadMetrics(ingress: Ingress) {
this.metrics = await this.api.getMetrics(ingress.getName(), ingress.getNs());
}
reset() {
this.metrics = null;
}
} }
export const ingressStore = new IngressStore(); export const ingressStore = new IngressStore();