From 457ed77789904789fffe68d50bf66611f05d7b43 Mon Sep 17 00:00:00 2001
From: Idan Levi <29idan29@gmail.com>
Date: Sun, 23 Mar 2025 17:11:58 +0200
Subject: [PATCH] Filter for tools supporting bowtie

---
 pages/tools/components/Sidebar.tsx      | 11 ++++++++++-
 pages/tools/hooks/useToolsTransform.tsx |  9 +++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/pages/tools/components/Sidebar.tsx b/pages/tools/components/Sidebar.tsx
index 0e4383be6..0d1571761 100644
--- a/pages/tools/components/Sidebar.tsx
+++ b/pages/tools/components/Sidebar.tsx
@@ -70,6 +70,10 @@ export default function Sidebar({
           (formData.get('showObsolete') as string) === 'showObsolete'
             ? 'true'
             : 'false',
+        supportsBowtie:
+          (formData.get('supportsBowtie') as string) === 'supportsBowtie'
+            ? 'true'
+            : 'false',
       } satisfies Transform;
       postAnalytics({ eventType: 'query', eventPayload: newTransform });
       return newTransform;
@@ -123,7 +127,12 @@ export default function Sidebar({
           name='showObsolete'
           checked={transform['showObsolete'] === 'true'}
         />
-
+        <Checkbox
+          label='Support Bowtie'
+          value='supportsBowtie'
+          name='supportsBowtie'
+          checked={transform['supportsBowtie'] === 'true'}
+        />
         <div className='w-full flex items-center justify-between mt-4 gap-2'>
           <button
             type='submit'
diff --git a/pages/tools/hooks/useToolsTransform.tsx b/pages/tools/hooks/useToolsTransform.tsx
index bf6d04e84..5c8ec0e72 100644
--- a/pages/tools/hooks/useToolsTransform.tsx
+++ b/pages/tools/hooks/useToolsTransform.tsx
@@ -16,6 +16,7 @@ export interface Transform {
   toolingTypes: string[];
   environments: string[];
   showObsolete: 'true' | 'false';
+  supportsBowtie: 'true' | 'false';
 }
 
 export type TransformUpdate =
@@ -38,6 +39,7 @@ const buildQueryString = (transform: Transform) => {
     toolingTypes: transform.toolingTypes.join(','),
     environments: transform.environments.join(','),
     showObsolete: transform.showObsolete,
+    supportsBowtie: transform.supportsBowtie,
   }).toString();
 };
 
@@ -56,6 +58,7 @@ export default function useToolsTransform(tools: JSONSchemaTool[]) {
     toolingTypes: [],
     environments: [],
     showObsolete: 'false',
+    supportsBowtie: 'false',
   });
 
   useEffect(() => {
@@ -89,6 +92,8 @@ export default function useToolsTransform(tools: JSONSchemaTool[]) {
       ) as Transform['environments'],
       showObsolete:
         (query.showObsolete as Transform['showObsolete']) || 'false',
+      supportsBowtie:
+        (query.supportsBowtie as Transform['supportsBowtie']) || 'false',
     } satisfies Transform;
 
     const queryString = buildQueryString(updatedTransform);
@@ -137,6 +142,7 @@ export default function useToolsTransform(tools: JSONSchemaTool[]) {
       toolingTypes: [],
       environments: [],
       showObsolete: 'false',
+      supportsBowtie: 'false',
     };
 
     const queryString = buildQueryString(initialTransform);
@@ -193,6 +199,9 @@ const filterTools = (
   transform: Transform,
 ): JSONSchemaTool[] => {
   const filteredTools = tools.filter((tool) => {
+    if (transform.supportsBowtie === 'true' && !tool.bowtie?.id) {
+      return false;
+    }
     if (transform.showObsolete === 'false' && tool.status === 'obsolete')
       return false;