IO-899 Contract FInd Modal

client/src/components/contracts-list/contracts-list.component.jsx

@@ -6,8 +6,28 @@ import { useTranslation } from "react-i18next";
 import { Link, useHistory, useLocation } from "react-router-dom";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";
+import ContractsFindModalContainer from "../contracts-find-modal/contracts-find-modal.container";
+import { setModalContext } from "../../redux/modals/modals.actions";
 
-export default function ContractsList({ loading, contracts, refetch, total }) {
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+  setContractFinderContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "contractFinder" })),
+});
+export default connect(mapStateToProps, mapDispatchToProps)(ContractsList);
+
+export function ContractsList({
+  loading,
+  contracts,
+  refetch,
+  total,
+  setContractFinderContext,
+}) {
   const [state, setState] = useState({
     sortedInfo: {},
     filteredInfo: { text: "" },
@@ -140,6 +160,9 @@ export default function ContractsList({ loading, contracts, refetch, total }) {
               </Button>
             </>
           )}
+          <Button onClick={() => setContractFinderContext()}>
+            {t("contracts.actions.find")}
+          </Button>
           <Button onClick={() => refetch()}>
             <SyncOutlined />
           </Button>
@@ -153,6 +176,7 @@ export default function ContractsList({ loading, contracts, refetch, total }) {
         </Space>
       }
     >
+      <ContractsFindModalContainer />
       <Table
         loading={loading}
         scroll={{