From dca4de4f1e6cee4912bfa582e859d821a05cd57c Mon Sep 17 00:00:00 2001
From: Christian Lechner <lechnerc77@users.noreply.github.com>
Date: Tue, 16 Apr 2024 12:31:18 +0200
Subject: [PATCH] feat: filtering of recipe table

Signed-off-by: Christian Lechner <lechnerc77@users.noreply.github.com>
---
 .../src/components/recipes/RecipeTable.tsx    | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/plugins/plugin-radius/src/components/recipes/RecipeTable.tsx b/plugins/plugin-radius/src/components/recipes/RecipeTable.tsx
index 7c46e4f..a9a1dc7 100644
--- a/plugins/plugin-radius/src/components/recipes/RecipeTable.tsx
+++ b/plugins/plugin-radius/src/components/recipes/RecipeTable.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Table, TableColumn } from '@backstage/core-components';
+import { Table, TableColumn, TableFilter } from '@backstage/core-components';
 import { EnvironmentProperties, Resource } from '../../resources';
 
 interface DisplayRecipe {
@@ -41,12 +41,33 @@ export const RecipeTable = ({
     { title: 'Template Path', field: 'templatePath' },
   ];
 
+  const filters: TableFilter[] = [
+        {
+          column: 'Name',
+          type: 'select',
+        },
+        {
+          column: 'Type',
+          type: 'multiple-select',
+        },
+        {
+          column: 'Kind',
+          type: 'multiple-select',
+        },
+        {
+          column: 'Template Path',
+          type: 'multiple-select',
+        },
+
+      ];
+
   return (
     <Table
       title={title || 'Recipes'}
-      options={{ search: false, paging: false }}
+      options={{ search: true, paging: false, sorting: true}}
       columns={columns}
       data={recipes}
+      filters={filters}
     />
   );
-};
+};
\ No newline at end of file