Added Feedback For "0 Tools Found" In the Tools Page[Closes-#1282] (#1462)

* added dynamic icons to the filter in tools page

* added dynamic icons to the filter in tools page

* added dynamic icons to the filter in tools page

* added dynamic icons to the filter in tools page

* added dynamic icons to the filter in tools page

* to save before switching

* added proper icons to each filter on tools page

* Revert "added dynamic icons to the filter in tools page"

This reverts commit b41272d.

* Revert "added dynamic icons to the filter in tools page"

This reverts commit 8b5c652.

* Revert "to save before switching"

This reverts commit 8e903d7.

* reverting changes

* reverting the changes in sublodules

* revert submodule changes

* fixed prettier errors

* added a feedback box for 0 tools found

* rolled back unnecessary changes

Author: bhat-shubham

pages/tools/components/ToolingTable.tsx

@@ -24,12 +24,14 @@ interface ToolingTableProps {
   toolsByGroup: GroupedTools;
   transform: Transform;
   setTransform: Dispatch<SetStateAction<Transform>>;
+  numberOfTools: number;
 }
 
 const ToolingTable = ({
   toolsByGroup,
   transform,
   setTransform,
+  numberOfTools,
 }: ToolingTableProps) => {
   const [selectedTool, setSelectedTool] = useState<JSONSchemaTool | null>(null);
   const [bowtieReport, setBowtieReport] = useState<BowtieReport | null>(null);
@@ -96,6 +98,15 @@ const ToolingTable = ({
     setSelectedTool(null);
   };
 
+  if (numberOfTools === 0) {
+    return (
+      <div className='text-center py-12 text-gray-500 dark:text-gray-400 border'>
+        <p className='text-lg'>No Tools Found :(</p>
+        <p className='text-sm'>Try Adjusting Your Filters to Find More Tools</p>
+      </div>
+    );
+  }
+
   return (
     <>
       {groups.map((group) => (

pages/tools/index.page.tsx

@@ -143,7 +143,7 @@ export default function ToolingPage({
         <div className='grid grid-cols-1 lg:grid-cols-4 mx-4 md:mx-12 min-h-screen'>
           <div
             className={`absolute lg:static top-10 lg:top-auto left-0 lg:left-auto mt-24 w-screen lg:w-auto h-full lg:h-auto bg-white dark:bg-slate-800 lg:bg-transparent transition-transform lg:transform-none duration-300 lg:duration-0 ease-in-out overflow-y-auto ${isSidebarOpen ? '-translate-x-0' : '-translate-x-full'} z-5`}
-            style={{ height: 'calc(100% - 8rem)' }}
+            style={{ height: 'calc(100% - 4rem)' }}
           >
             <div className='hidden lg:block'>
               <h1 className='text-h1mobile md:text-h1 font-bold lg:ml-4 lg:mt-6'>
@@ -222,6 +222,7 @@ export default function ToolingPage({
               toolsByGroup={toolsByGroup}
               transform={transform}
               setTransform={setTransform}
+              numberOfTools={numberOfTools}
             />
 
             <DocsHelp />