🚀 Improve errors appearance

antoniovizuete · Oct 8, 2022 · 2eaf742 · 2eaf742
1 parent 4a72883
commit 2eaf742
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/Result/Result.tsx b/src/components/Result/Result.tsx
@@ -10,7 +10,17 @@ type Params = {
 
 export default function Result({ result, error, loading }: Params) {
   if (error) {
-    return <NonIdealState title="Error" description={error} icon="error" />;
+    return (
+      <div className="overflow-auto h-full flex flex-col gap-5 p-5">
+        <NonIdealState
+          className="w-full h-fit"
+          title="Error"
+          layout={"horizontal"}
+          icon="error"
+        />
+        <div className="font-mono text-red-700">{error}</div>
+      </div>
+    );
   }
 
   if (loading) {