From 7b633a6c259770d58b0c9b91a458ba194817a53f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 20 Mar 2023 10:12:25 -0700
Subject: [PATCH] Propagate filters from modal

This updates how we handle filter propagation to accommodate the advanced ones. The icon lights up when filters are active.
---
 components/FilterBar/index.tsx | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/components/FilterBar/index.tsx b/components/FilterBar/index.tsx
index 2a93cda4..116d8bf2 100644
--- a/components/FilterBar/index.tsx
+++ b/components/FilterBar/index.tsx
@@ -23,16 +23,6 @@ interface Props {
   raidSlug?: string
   recency?: number
   onFilter: (filters: FilterSet) => void
-    element,
-    raidSlug,
-    recency,
-  }: {
-    element?: number
-    raidSlug?: string
-    recency?: number
-  }) => void
-}
-
 }
 
 const FilterBar = (props: Props) => {
@@ -43,12 +33,7 @@ const FilterBar = (props: Props) => {
   const [elementOpen, setElementOpen] = useState(false)
 
   const [filterModalOpen, setFilterModalOpen] = useState(false)
-
-  // Fetch user's advanced filters
-  const filtersCookie = getCookie('filters')
-  const advancedFilters: FilterSet = filtersCookie
-    ? JSON.parse(filtersCookie as string)
-    : DEFAULT_FILTERSET
+  const [advancedFilters, setAdvancedFilters] = useState<FilterSet>({})
 
   const [matchesDefaultFilters, setMatchesDefaultFilters] = useState(false)
   // Set up classes object for showing shadow on scroll
@@ -182,7 +167,7 @@ const FilterBar = (props: Props) => {
           </Select>
 
           <Button
-            className="Filter"
+            className={filterButtonClasses}
             blended={true}
             leftAccessoryIcon={<FilterIcon />}
             onClick={() => setFilterModalOpen(true)}