From 0da5b6919c1b7c3a3246806c3c27de6f00226454 Mon Sep 17 00:00:00 2001
From: Gnanesh <gnaneshkunal@outlook.com>
Date: Wed, 23 Mar 2022 12:09:33 +0530
Subject: [PATCH] Change color of empty graph response

---
 redisinsight/ui/src/packages/redisgraph/src/Graph.tsx       | 2 +-
 .../ui/src/packages/redisgraph/src/styles/styles.less       | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/redisinsight/ui/src/packages/redisgraph/src/Graph.tsx b/redisinsight/ui/src/packages/redisgraph/src/Graph.tsx
index e4e9b70ab9..f49f418c0d 100644
--- a/redisinsight/ui/src/packages/redisgraph/src/Graph.tsx
+++ b/redisinsight/ui/src/packages/redisgraph/src/Graph.tsx
@@ -45,7 +45,7 @@ export default function Graph(props: { graphKey: string, data: any[] }) {
   let edgeIds = new Set(parsedResponse.edges.map(e => e.id))
 
   if (nodeIds.size === 0 && parsedResponse.nodeIds.length === 0) {
-    return <div className="responseFail">No data to visualize. Switch to Text view to see raw information.</div>
+    return <div className="responseInfo">No data to visualize. Switch to Text view to see raw information.</div>
   }
 
   let data = {
diff --git a/redisinsight/ui/src/packages/redisgraph/src/styles/styles.less b/redisinsight/ui/src/packages/redisgraph/src/styles/styles.less
index 2f3f9debed..b943025384 100644
--- a/redisinsight/ui/src/packages/redisgraph/src/styles/styles.less
+++ b/redisinsight/ui/src/packages/redisgraph/src/styles/styles.less
@@ -243,3 +243,9 @@
     padding: 12px !important;
     font-family: monospace !important;
 }
+
+.responseInfo {
+    color: var(--info-color);
+    padding: 12px !important;
+    font-family: monospace !important;
+}