From ca7ccee3d01aa0fbf0d198e18287f93dde57c98c Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Thu, 25 Aug 2022 02:01:12 +0300
Subject: [PATCH] improve error state for resources component

---
 src/components/widgets/resources/resources.jsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/resources/resources.jsx b/src/components/widgets/resources/resources.jsx
index d082f515..321f235d 100644
--- a/src/components/widgets/resources/resources.jsx
+++ b/src/components/widgets/resources/resources.jsx
@@ -1,6 +1,7 @@
 import useSWR from "swr";
 import { FiHardDrive, FiCpu } from "react-icons/fi";
 import { FaMemory } from "react-icons/fa";
+import { BiError } from "react-icons/bi";
 
 export default function Resources({ options }) {
   const { data, error } = useSWR(
@@ -11,7 +12,15 @@ export default function Resources({ options }) {
   );
 
   if (error) {
-    return <div>failed to load</div>;
+    return (
+      <div className="flex-none flex flex-row items-center justify-center mr-5">
+        <BiError className="text-theme-800 dark:text-theme-200 w-5 h-5" />
+        <div className="flex flex-col ml-3 text-left font-mono">
+          <span className="text-theme-800 dark:text-theme-200 text-xs">Resources</span>
+          <span className="text-theme-800 dark:text-theme-200 text-xs">Error</span>
+        </div>
+      </div>
+    );
   }
 
   if (!data) {