From 99a10183c765153b75016402e29ac273f2b2cb4d Mon Sep 17 00:00:00 2001
From: Prince Jain <pj122333444@gmail.com>
Date: Mon, 13 Jan 2025 22:10:27 +0530
Subject: [PATCH 1/2] Whenever Some Search Or Filter Yields 0 Results, Display
 a Message Saying 'No Results Found'.

---
 pages/tools/components/ToolingTable.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/pages/tools/components/ToolingTable.tsx b/pages/tools/components/ToolingTable.tsx
index 01aec8678..41ba0e929 100644
--- a/pages/tools/components/ToolingTable.tsx
+++ b/pages/tools/components/ToolingTable.tsx
@@ -77,6 +77,24 @@ const ToolingTable = ({
 
   const groups = Object.keys(toolsByGroup);
 
+  if (groups.length === 0 || (groups.length === 1 && groups[0] === 'none' && toolsByGroup['none'].length === 0)) {
+    return (
+      <section className='mb-12 text-left'>
+        <div className='overflow-x-auto'>
+          <table className='min-w-full bg-slate-800 border border-gray-200'>
+            <tbody>
+              <tr>
+                <td className='px-6 py-16 text-center text-slate-300 text-lg'>
+                  No results found
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    );
+  }
+
   const openModal = (tool: JSONSchemaTool) => {
     setSelectedTool(tool);
     postAnalytics({

From 380d81cb04ad5c84f7067be756bebb34185f82fe Mon Sep 17 00:00:00 2001
From: Prince Jain <pj122333444@gmail.com>
Date: Mon, 13 Jan 2025 22:40:11 +0530
Subject: [PATCH 2/2] fixed linting issue

---
 pages/tools/components/ToolingTable.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/tools/components/ToolingTable.tsx b/pages/tools/components/ToolingTable.tsx
index 41ba0e929..cc5f444d3 100644
--- a/pages/tools/components/ToolingTable.tsx
+++ b/pages/tools/components/ToolingTable.tsx
@@ -77,7 +77,12 @@ const ToolingTable = ({
 
   const groups = Object.keys(toolsByGroup);
 
-  if (groups.length === 0 || (groups.length === 1 && groups[0] === 'none' && toolsByGroup['none'].length === 0)) {
+  if (
+    groups.length === 0 ||
+    (groups.length === 1 &&
+      groups[0] === 'none' &&
+      toolsByGroup['none'].length === 0)
+  ) {
     return (
       <section className='mb-12 text-left'>
         <div className='overflow-x-auto'>