change device_tracker icon to reflect state (#10501)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

src/common/const.ts

@@ -76,7 +76,6 @@ export const FIXED_DOMAIN_ICONS = {
   configurator: mdiCog,
   conversation: mdiTextToSpeech,
   counter: mdiCounter,
-  device_tracker: mdiAccount,
   fan: mdiFan,
   google_assistant: mdiGoogleAssistant,
   group: mdiGoogleCirclesCommunities,

src/common/entity/domain_icon.ts

@@ -1,6 +1,9 @@
 import {
+  mdiAccount,
   mdiAirHumidifierOff,
   mdiAirHumidifier,
+  mdiLanConnect,
+  mdiLanDisconnect,
   mdiLockOpen,
   mdiLockAlert,
   mdiLockClock,
@@ -44,6 +47,12 @@ export const domainIcon = (
     case "cover":
       return coverIcon(compareState, stateObj);
 
+    case "device_tracker":
+      if (stateObj?.attributes.source_type === "router") {
+        return compareState === "home" ? mdiLanConnect : mdiLanDisconnect;
+      }
+      return mdiAccount;
+
     case "humidifier":
       return state && state === "off" ? mdiAirHumidifierOff : mdiAirHumidifier;