Filter inactive projects on API level

frontend/__tests__/src/pages/Contribute.test.tsx

@@ -124,7 +124,7 @@ describe('Contribute Component', () => {
       fireEvent.change(searchInput, { target: { value: '' } })
     })
 
-    expect(fetchAlgoliaData).toHaveBeenCalledWith('issues', '', 1)
+    expect(fetchAlgoliaData).toHaveBeenCalledWith('issues', '', 1, undefined, false)
   })
 
   test('handles error states in card rendering', async () => {

frontend/src/api/fetchAlgoliaData.ts

@@ -12,6 +12,7 @@ export const fetchAlgoliaData = async <T>(
   query = '',
   currentPage = 0,
   filterKey?: string,
+  activeOnly = false,
   hitsPerPage = 25
 ): Promise<AlgoliaResponseType<T>> => {
   if (!client) {
@@ -28,9 +29,14 @@ export const fetchAlgoliaData = async <T>(
       removeWordsIfNoResults: 'allOptional',
       ...params,
     }
-    if (filterKey) {
-      request.filters = `idx_key: ${filterKey}`
-    }
+    request.filters =
+      filterKey && activeOnly
+        ? `idx_key:${filterKey} AND idx_is_active:true`
+        : activeOnly
+          ? `idx_is_active:true`
+          : filterKey
+            ? `idx_key:${filterKey}`
+            : ''
 
     const { results } = await client.search({
       requests: [request],

frontend/src/hooks/useSearchPage.ts

@@ -9,6 +9,7 @@ interface UseSearchPageOptions {
   pageTitle: string
   defaultSortBy?: string
   defaultOrder?: string
+  activeOnly?: boolean
 }
 
 interface UseSearchPageReturn<T> {
@@ -25,11 +26,12 @@ interface UseSearchPageReturn<T> {
   handleOrderChange: (order: string) => void
 }
 
-export function useSearchPage<T>({
+export function useSearchPage<T extends object>({
   indexName,
   pageTitle,
   defaultSortBy = '',
   defaultOrder = '',
+  activeOnly = false,
 }: UseSearchPageOptions): UseSearchPageReturn<T> {
   const navigate = useNavigate()
   const [searchParams, setSearchParams] = useSearchParams()
@@ -79,7 +81,9 @@ export function useSearchPage<T>({
             ? `${indexName}_${sortBy}${order && order !== '' ? `_${order}` : ''}`
             : indexName,
           searchQuery,
-          currentPage
+          currentPage,
+          undefined,
+          activeOnly
         )
         setItems(data.hits)
         setTotalPages(data.totalPages)
@@ -90,7 +94,7 @@ export function useSearchPage<T>({
     }
 
     fetchData()
-  }, [currentPage, searchQuery, order, sortBy, indexName, pageTitle, navigate])
+  }, [currentPage, searchQuery, order, sortBy, indexName, pageTitle, navigate, activeOnly])
 
   const handleSearch = (query: string) => {
     setSearchQuery(query)

frontend/src/pages/Chapters.tsx

@@ -25,6 +25,7 @@ const ChaptersPage = () => {
   } = useSearchPage<ChapterTypeAlgolia>({
     indexName: 'chapters',
     pageTitle: 'OWASP Chapters',
+    activeOnly: true,
   })
 
   useEffect(() => {
@@ -34,13 +35,15 @@ const ChaptersPage = () => {
         query: '',
         currentPage: 1,
         filterKey: '',
+        activeOnly: true,
         hitsPerPage: 1000,
       }
       const data: AlgoliaResponseType<ChapterTypeAlgolia> = await fetchAlgoliaData(
         searchParams.indexName,
         searchParams.query,
         searchParams.currentPage,
         searchParams.filterKey,
+        searchParams.activeOnly,
         searchParams.hitsPerPage
       )
       setGeoLocData(data.hits)

frontend/src/pages/Projects.tsx

@@ -28,6 +28,7 @@ const ProjectsPage = () => {
     pageTitle: 'OWASP Projects',
     defaultSortBy: 'default',
     defaultOrder: 'asc',
+    activeOnly: true,
   })
 
   const navigate = useNavigate()
@@ -80,7 +81,7 @@ const ProjectsPage = () => {
         }
         totalPages={totalPages}
       >
-        {projects && projects.filter((project) => project.is_active).map(renderProjectCard)}
+        {projects && projects.map(renderProjectCard)}
       </SearchPageLayout>
     </MetadataManager>
   )