Fixes red error msg

Author: dbuezas

src/cache/fetch-states.ts

@@ -34,7 +34,11 @@ async function fetchStates(
     list = lists[0];
   } catch (e: any) {
     console.error(e);
-    throw new Error(`Error fetching ${entity.entity}: ${e.msg}`);
+    throw new Error(
+      `Error fetching states of ${entity.entity}: ${JSON.stringify(
+        e.message || ""
+      )}`
+    );
   }
   if (!list) list = []; //throw new Error(`Error fetching ${entity.entity}`); // shutup typescript
   return {

src/cache/fetch-statistics.ts

@@ -20,7 +20,11 @@ async function fetchStatistics(
     statistics = (await statsP)[entity.entity];
   } catch (e: any) {
     console.error(e);
-    throw new Error(`Error fetching ${entity.entity}: ${e.msg}`);
+    throw new Error(
+      `Error fetching statistics of ${entity.entity}: ${JSON.stringify(
+        e.message || ""
+      )}`
+    );
   }
   if (!statistics) statistics = []; //throw new Error(`Error fetching ${entity.entity}`);
   return {

src/plotly-graph-card.ts

@@ -100,6 +100,7 @@ export class PlotlyGraph extends HTMLElement {
             #msg {
               position: absolute;
               color: red;
+              top: 0;
               background: rgba(0, 0, 0, 0.4);
             }
           </style>
@@ -342,8 +343,8 @@ export class PlotlyGraph extends HTMLElement {
       );
       this.msgEl.innerText = "";
     } catch (e: any) {
-      this.msgEl.innerText = e.message;
       console.error(e);
+      this.msgEl.innerText = JSON.stringify(e.message || "");
     }
     await this.plot();
   };