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

Change to newer <Switch/> component

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-19 11:22:57 +03:00
parent 5c3035cd51
commit c69d0d1577
1 changed files with 25 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
extensions/metrics-cluster-feature/src/metrics-settings.tsx
View File

@ -15,7 +15,7 @@ const {
forCluster, StatefulSet, DaemonSet, Deployment, forCluster, StatefulSet, DaemonSet, Deployment,
}, },
Component: { Component: {
SubTitle, FormSwitch, Switcher, Button, SubTitle, Switch, Button,
}, },
} = Renderer; } = Renderer;
@ -207,17 +207,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
)} )}
<section> <section>
<SubTitle title="Prometheus" /> <SubTitle title="Prometheus" />
<FormSwitch <Switch
control={( disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
<Switcher checked={!!this.featureStates.prometheus && this.props.cluster.status.phase == "connected"}
disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable} onChange={checked => this.togglePrometheus(checked)}
checked={!!this.featureStates.prometheus && this.props.cluster.status.phase == "connected"} name="prometheus"
onChange={v => this.togglePrometheus(v.target.checked)} >
name="prometheus" Enable bundled Prometheus metrics stack
/> </Switch>
)}
label="Enable bundled Prometheus metrics stack"
/>
<small className="hint"> <small className="hint">
Enable timeseries data visualization (Prometheus stack) for your cluster. Enable timeseries data visualization (Prometheus stack) for your cluster.
</small> </small>
@ -225,17 +222,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
<section> <section>
<SubTitle title="Kube State Metrics" /> <SubTitle title="Kube State Metrics" />
<FormSwitch <Switch
control={( disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
<Switcher checked={!!this.featureStates.kubeStateMetrics && this.props.cluster.status.phase == "connected"}
disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable} onChange={checked => this.toggleKubeStateMetrics(checked)}
checked={!!this.featureStates.kubeStateMetrics && this.props.cluster.status.phase == "connected"} name="kube-state-metrics"
onChange={v => this.toggleKubeStateMetrics(v.target.checked)} >
name="node-exporter" Enable bundled kube-state-metrics stack
/> </Switch>
)}
label="Enable bundled kube-state-metrics stack"
/>
<small className="hint"> <small className="hint">
Enable Kubernetes API object metrics for your cluster. Enable Kubernetes API object metrics for your cluster.
Enable this only if you don&apos;t have existing kube-state-metrics stack installed. Enable this only if you don&apos;t have existing kube-state-metrics stack installed.
@ -244,17 +238,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
<section> <section>
<SubTitle title="Node Exporter" /> <SubTitle title="Node Exporter" />
<FormSwitch <Switch
control={( disabled={this.featureStates.nodeExporter === undefined || !this.isTogglable}
<Switcher checked={!!this.featureStates.nodeExporter && this.props.cluster.status.phase == "connected"}
disabled={this.featureStates.nodeExporter === undefined || !this.isTogglable} onChange={checked => this.toggleNodeExporter(checked)}
checked={!!this.featureStates.nodeExporter && this.props.cluster.status.phase == "connected"} name="node-exporter"
onChange={v => this.toggleNodeExporter(v.target.checked)} >
name="node-exporter" Enable bundled node-exporter stack
/> </Switch>
)}
label="Enable bundled node-exporter stack"
/>
<small className="hint"> <small className="hint">
Enable node level metrics for your cluster. Enable node level metrics for your cluster.
Enable this only if you don&apos;t have existing node-exporter stack installed. Enable this only if you don&apos;t have existing node-exporter stack installed.