Filter Resets to Default Options After Dropdown Selection, Notificati…

…ons Not Displayed on Update
framgia · Nov 18, 2024 · 41ace7a · 41ace7a
1 parent 34d0340
commit 41ace7a
Showing 1 changed file with 2 additions and 10 deletions.
diff --git a/client/src/components/molecules/NotificationFilterDropdown/index.tsx b/client/src/components/molecules/NotificationFilterDropdown/index.tsx
@@ -97,11 +97,7 @@ const NotificationFilterDropdown: FC<Props> = (props): JSX.Element => {
                 focus:border-primary focus:ring-1 focus:ring-primary
                 `}
                     id="filterStatus"
-                    defaultValue={
-                      router.query.status !== undefined
-                        ? router.query.status
-                        : STATUS_OPTIONS.ALL.toLowerCase()
-                    }
+                    value={filters.status}
                     onChange={(e) => handleStatusChange(e)}
                   >
                     {filterStatusOptions(statusOptions)}
@@ -115,11 +111,7 @@ const NotificationFilterDropdown: FC<Props> = (props): JSX.Element => {
                 focus:border-primary focus:ring-1 focus:ring-primary
                 `}
                     id="filterType"
-                    defaultValue={
-                      router.query.type !== undefined
-                        ? router.query.type
-                        : TYPE_OPTIONS.ALL.toLowerCase()
-                    }
+                    value={filters.type}
                     onChange={(e) => handleTypeChange(e)}
                   >
                     {filterTypeOptions(typeOptions)}