diff --git a/src/projects-browser/Filters.jsx b/src/projects-browser/Filters.jsx
index 7f1d70b..5d2c12a 100644
--- a/src/projects-browser/Filters.jsx
+++ b/src/projects-browser/Filters.jsx
@@ -1,13 +1,14 @@
import { useRef, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import Select from "react-select";
-import { selectFilters, selectTypeLists } from "./helpers/browserSlice";
+import { selectFilters, selectIsFiltered, selectTypeLists } from "./helpers/browserSlice";
import {
getProjects,
setShowPagination,
resetFilters,
toggleAllFos,
toggleFos,
+ toggleListFiltered,
updateFilter,
updatePageData,
} from "./helpers/browserSlice";
@@ -17,6 +18,8 @@ const Filters = () => {
const dispatch = useDispatch();
const filters = useSelector(selectFilters);
const typeLists = useSelector(selectTypeLists);
+ const filtered = useSelector(selectIsFiltered);
+
const orgList = typeLists.orgs.map((org) => {
return {
label: org,
@@ -25,7 +28,6 @@ const Filters = () => {
});
const selectRef = useRef();
const [orgValue, setOrgValue] = useState(null);
- const [filtered, setFiltered] = useState(false);
const fosSelectListStyle = {
height: "200px",
overflowX: "auto",
@@ -56,6 +58,10 @@ const Filters = () => {
}
};
+ const setFiltered = (b) => {
+ dispatch( toggleListFiltered(b) );
+ }
+
const updateOrgs = (opt) => {
setOrgValue(opt);
dispatch(updateFilter({ name: "org", value: opt.value }));
@@ -63,7 +69,11 @@ const Filters = () => {
const buttonDisabled = () => {
return (
- filters.org == "" && filters.allocationType == "" && filters.allFosToggled && filters.resource == ""
+ filters.org == ""
+ && filters.allocationType == ""
+ && filters.allFosToggled
+ && filters.resource == ""
+ && filters.requestNumber == ""
);
};
@@ -170,6 +180,21 @@ const Filters = () => {
+
+ Request Number
+
+
+ handleFilterChange(e)}
+ />
+
+