From 1f0bde4a122bbb95e4c5a63bfc1eb24611f01f2c Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Thu, 26 Oct 2023 00:12:38 +0530
Subject: [PATCH] feat: nudge users how to disable ssl cert vaidation

---
 .../ResponsePane/QueryResult/StyledWrapper.js         |  4 ++++
 .../src/components/ResponsePane/QueryResult/index.js  | 11 ++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/ResponsePane/QueryResult/StyledWrapper.js b/packages/bruno-app/src/components/ResponsePane/QueryResult/StyledWrapper.js
index 5429ef440..07f51b8bd 100644
--- a/packages/bruno-app/src/components/ResponsePane/QueryResult/StyledWrapper.js
+++ b/packages/bruno-app/src/components/ResponsePane/QueryResult/StyledWrapper.js
@@ -23,6 +23,10 @@ const StyledWrapper = styled.div`
       color: ${(props) => props.theme.colors.text.yellow};
     }
   }
+
+  .muted {
+    color: ${(props) => props.theme.colors.text.muted};
+  }
 `;
 
 export default StyledWrapper;
diff --git a/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js b/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js
index 18b9ec2c6..b5508ba1b 100644
--- a/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js
@@ -85,7 +85,16 @@ const QueryResult = ({ item, collection, data, dataBuffer, width, disableRunEven
         {tabs}
       </div>
       {error ? (
-        <span className="text-red-500">{error}</span>
+        <div>
+          <div className="text-red-500">{error}</div>
+
+          {error && typeof error === 'string' && error.toLowerCase().includes('self signed certificate') ? (
+            <div className="mt-6 muted text-xs">
+              You can disable SSL verification in the Preferences. <br />
+              To open the Preferences, click on the gear icon in the bottom left corner.
+            </div>
+          ) : null}
+        </div>
       ) : (
         <QueryResultPreview
           previewTab={previewTab}