Add client side searching

ls1intum · May 21, 2024 · 2cc135b · 2cc135b
1 parent 79aaf7a
commit 2cc135b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/client/src/management/components/ThesisApplicationsDatatable.tsx b/client/src/management/components/ThesisApplicationsDatatable.tsx
@@ -50,13 +50,15 @@ export const ThesisApplicationsDatatable = (): JSX.Element => {
       Query.THESIS_APPLICATION,
       tablePage,
       tablePageSize,
+      searchQuery,
       sortStatus.columnAccessor,
       sortStatus.direction,
     ],
     queryFn: () =>
       getThesisApplications(
         tablePage - 1,
         tablePageSize,
+        searchQuery,
         sortStatus.columnAccessor,
         sortStatus.direction,
       ),
@@ -74,13 +76,6 @@ export const ThesisApplicationsDatatable = (): JSX.Element => {
 
   useEffect(() => {
     const filteredSortedData = fetchedThesisApplications?.content
-      .filter(({ student }) => {
-        return `${student.firstName ?? ''} ${student.lastName ?? ''} ${student.tumId ?? ''} ${
-          student.matriculationNumber ?? ''
-        }`
-          .toLowerCase()
-          .includes(searchQuery.toLowerCase())
-      })
       .filter(
         (application) =>
           filters.status.length === 0 || filters.status.includes(application.applicationStatus),

diff --git a/client/src/network/thesisApplication.ts b/client/src/network/thesisApplication.ts
@@ -8,6 +8,7 @@ import { Pageable } from '../interface/pageable'
 export const getThesisApplications = async (
   page: number,
   limit: number,
+  searchQuery?: string,
   sortBy?: string,
   sortOrder?: 'asc' | 'desc',
 ): Promise<Pageable<ThesisApplication>> => {
@@ -17,6 +18,7 @@ export const getThesisApplications = async (
         params: {
           page,
           limit,
+          searchQuery,
           sortBy,
           sortOrder,
         },