From d68f651af0899b37a78ec9f58ac0a030231c14bd Mon Sep 17 00:00:00 2001
From: ildar170975 <71872483+ildar170975@users.noreply.github.com>
Date: Thu, 29 May 2025 22:02:35 +0300
Subject: [PATCH] fix: migrate to ha-spinner  (#1234)

Remove the old spinner and use the new one. The old spinner was discontinued in HA 2025.5.

The loading indicator will not be shown, if your are using a version of HA < 2025.5!
---
 src/main.js  | 4 +---
 src/style.js | 4 ++--
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/main.js b/src/main.js
index e5f95f2..d42dbc1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -343,9 +343,7 @@ class MiniGraphCard extends LitElement {
               </div>
             </div>
             ${this.renderLegend()}
-        ` : html`
-          <ha-circular-progress indeterminate></ha-circular-progress>
-        `}
+        ` : html`<ha-spinner aria-label="Loading" size="small"></ha-spinner>`}
       </div>` : '';
   }
 
diff --git a/src/style.js b/src/style.js
index 7921f04..a5468cc 100644
--- a/src/style.js
+++ b/src/style.js
@@ -62,8 +62,8 @@ const style = css`
   ha-card[hover] {
     cursor: pointer;
   }
-  ha-circular-progress {
-    margin: auto;
+  ha-spinner {
+    margin: 4px auto;
   }
   .flex {
     display: flex;