diff --git a/src/components/chart/ha-network-graph.ts b/src/components/chart/ha-network-graph.ts index 62c2d8b7d4..9edd2eccaa 100644 --- a/src/components/chart/ha-network-graph.ts +++ b/src/components/chart/ha-network-graph.ts @@ -11,6 +11,7 @@ import "./ha-chart-base"; import type { HaChartBase } from "./ha-chart-base"; import type { HomeAssistant } from "../../types"; import { SubscribeMixin } from "../../mixins/subscribe-mixin"; +import { deepEqual } from "../../common/util/deep-equal"; export interface NetworkNode { id: string; @@ -158,7 +159,8 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) { type: "inside", filterMode: "none", }, - }) + }), + deepEqual ); private _getSeries = memoizeOne( @@ -230,7 +232,8 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) { })), categories: data.categories || [], }; - } + }, + deepEqual ); private _togglePhysics() { diff --git a/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-network-visualization.ts b/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-network-visualization.ts index 14e6aacd26..5a24cec4b8 100644 --- a/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-network-visualization.ts +++ b/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-network-visualization.ts @@ -1,7 +1,6 @@ import { customElement, property, state } from "lit/decorators"; import { css, html, LitElement } from "lit"; import memoizeOne from "memoize-one"; -import { mdiUpdate } from "@mdi/js"; import type { CallbackDataParams, TopLevelFormatterParams, @@ -51,8 +50,6 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) { @state() private _devices: Record = {}; - @state() private _live = false; - public hassSubscribe() { const devices = Object.values(this.hass.devices).filter((device) => device.config_entries.some((entry) => entry === this.configEntryId) @@ -62,11 +59,8 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) { subscribeZwaveNodeStatistics(this.hass!, device.id, (message) => { const nodeId = message.nodeId ?? message.node_id; this._devices[nodeId!] = device; - const isNew = !this._nodeStatistics[nodeId!]; this._nodeStatistics[nodeId!] = message; - if (this._live || isNew) { - this._handleUpdatedNodeStatistics(); - } + this._handleUpdatedNodeStatistics(); }) ); } @@ -92,16 +86,7 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) { )} .tooltipFormatter=${this._tooltipFormatter} @chart-click=${this._handleChartClick} - > - `; } @@ -323,18 +308,8 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) { } } - private _toggleLive() { - this._live = !this._live; - if (this._live) { - this._fetchNetworkStatus(); - this._handleUpdatedNodeStatistics(); - } else { - this._handleUpdatedNodeStatistics.cancel(); - } - } - private _getLineWidth(rssi: number): number { - return rssi > -33 ? 3 : rssi > -66 ? 2 : 1; + return rssi > -50 ? 3 : rssi > -75 ? 2 : 1; } static get styles() {