From eb67f9459a7e98c5a78a44a6f71bae258144ab28 Mon Sep 17 00:00:00 2001
From: soup <soup@r4tio.dev>
Date: Wed, 11 Dec 2024 16:45:13 +0100
Subject: [PATCH] fix(web): releases status URL filtering (#1868)

* fix(web): restore releases status URL filtering

* web: remove commented releases filter code
---
 web/src/screens/releases/ReleaseTable.tsx | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/web/src/screens/releases/ReleaseTable.tsx b/web/src/screens/releases/ReleaseTable.tsx
index 1ab8862..e89288b 100644
--- a/web/src/screens/releases/ReleaseTable.tsx
+++ b/web/src/screens/releases/ReleaseTable.tsx
@@ -5,7 +5,7 @@
 
 import React, { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-
+import { useSearch } from "@tanstack/react-router";
 import {
   useReactTable,
   getCoreRowModel,
@@ -33,7 +33,7 @@ import { TableButton, TablePageButton, AgeCell, IndexerCell, LinksCell, NameCell
 
 declare module '@tanstack/react-table' {
   //allows us to define custom properties for our columns
-  // @eslint-ignore
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   interface ColumnMeta<TData extends RowData, TValue> {
     filterVariant?: 'text' | 'range' | 'select' | 'search' | 'actionPushStatus' | 'indexerSelect';
   }
@@ -85,8 +85,17 @@ interface ColumnFilter {
 type ColumnFiltersState = ColumnFilter[];
 
 export const ReleaseTable = () => {
-  // const search = ReleasesRoute.useSearch()
-  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])
+  const search = useSearch({
+    from: "/auth/authenticated-routes/releases" as const,
+  });
+  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
+
+  // Set initial filter based on URL params
+  React.useEffect(() => {
+    if (search.action_status) {
+      setColumnFilters([{ id: "action_status", value: search.action_status }]);
+    }
+  }, [search.action_status]);
 
   const columns = React.useMemo<ColumnDef<Release, unknown>[]>(() => [
     {
@@ -126,10 +135,6 @@ export const ReleaseTable = () => {
     }
   ], []);
 
-  // if (search.action_status != "") {
-  //   setColumnFilters(prevState => [...prevState, { id: "action_status", value: search.action_status }]);
-  // }
-
   const [pagination, setPagination] = React.useState<PaginationState>({
     pageIndex: 0,
     pageSize: 10,