From 1f143176ad4a88e0980bbba2e3fdda17aa70b0ad Mon Sep 17 00:00:00 2001
From: Erik Montnemery <erik@montnemery.com>
Date: Mon, 9 Mar 2020 21:09:27 +0100
Subject: [PATCH] Use fallback for device name on device page (#5116)

* Use fallback for device name on device page

* Update ha-config-device-page.ts

* Lint
---
 src/panels/config/devices/ha-config-device-page.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts
index eec5823355..4f09548bc3 100644
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@@ -25,6 +25,7 @@ import {
 } from "../../../data/entity_registry";
 import {
   DeviceRegistryEntry,
+  computeDeviceName,
   updateDeviceRegistryEntry,
 } from "../../../data/device_registry";
 import { AreaRegistryEntry } from "../../../data/area_registry";
@@ -124,7 +125,9 @@ export class HaConfigDevicePage extends LitElement {
         ${
           this.narrow
             ? html`
-                <span slot="header">${device.name_by_user || device.name}</span>
+                <span slot="header">
+                  ${computeDeviceName(device, this.hass)}
+                </span>
               `
             : ""
         }
@@ -142,7 +145,7 @@ export class HaConfigDevicePage extends LitElement {
                 this.narrow
                   ? ""
                   : html`
-                      <h1>${device.name_by_user || device.name}</h1>
+                      <h1>${computeDeviceName(device, this.hass)}</h1>
                     `
               }
               <ha-device-card