make _macAddress state

Co-authored-by: Simon Lamon <32477463+silamon@users.noreply.github.com>

src/data/dhcp.ts

@@ -30,31 +30,31 @@ const subscribeDHCPDiscoveryUpdates = (
     (event) => {
       const data = [...(store.state || [])];
       if (event.add) {
-        for (const device_data of event.add) {
+        for (const deviceData of event.add) {
           const index = data.findIndex(
-            (d) => d.mac_address === device_data.mac_address
+            (d) => d.mac_address === deviceData.mac_address
           );
           if (index === -1) {
-            data.push(device_data);
+            data.push(deviceData);
           } else {
-            data[index] = device_data;
+            data[index] = deviceData;
           }
         }
       }
       if (event.change) {
-        for (const device_data of event.change) {
+        for (const deviceData of event.change) {
           const index = data.findIndex(
-            (d) => d.mac_address === device_data.mac_address
+            (d) => d.mac_address === deviceData.mac_address
           );
           if (index !== -1) {
-            data[index] = device_data;
+            data[index] = deviceData;
           }
         }
       }
       if (event.remove) {
-        for (const device_data of event.remove) {
+        for (const deviceData of event.remove) {
           const index = data.findIndex(
-            (d) => d.mac_address === device_data.mac_address
+            (d) => d.mac_address === deviceData.mac_address
           );
           if (index !== -1) {
             data.splice(index, 1);

src/panels/config/integrations/integration-panels/dhcp/dhcp-config-panel.ts

@@ -22,7 +22,7 @@ export class DHCPConfigPanel extends SubscribeMixin(LitElement) {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ attribute: false }) public mac_address?: string;
+  @state() private _macAddress?: string;
 
   @property({ type: Boolean }) public narrow = false;
 
@@ -82,9 +82,9 @@ export class DHCPConfigPanel extends SubscribeMixin(LitElement) {
     }
 
     const searchParams = extractSearchParamsObject();
-    const mac_address = searchParams.mac_address;
+    const macAddress = searchParams.mac_address;
-    if (mac_address) {
+    if (macAddress) {
-      this.mac_address = mac_address.toUpperCase();
+      this._macAddress = macAddress.toUpperCase();
     }
   }
 
@@ -96,7 +96,7 @@ export class DHCPConfigPanel extends SubscribeMixin(LitElement) {
         .route=${this.route}
         .columns=${this._columns(this.hass.localize)}
         .data=${this._dataWithIds(this._data)}
-        filter=${this.mac_address || ""}
+        filter=${this._macAddress || ""}
       ></hass-tabs-subpage-data-table>
     `;
   }