Refactored job line edit modal to use redux so that it can be an independent form. Created general modals reducer to manage all modals.

client/src/components/job-detail-lines/job-lines.container.jsx

@@ -5,9 +5,16 @@ import { GET_JOB_LINES_BY_PK } from "../../graphql/jobs-lines.queries";
 import AlertComponent from "../alert/alert.component";
 import JobLinesComponent from "./job-lines.component";
 
-//export default Form.create({ name: "JobsDetailJobLines" })(
-
-export default function JobLinesContainer({ jobId }) {
+import { connect } from "react-redux";
+import { setModalContext } from "../../redux/modals/modals.actions";
+const mapDispatchToProps = dispatch => ({
+  setJobLineEditContext: context =>
+    dispatch(setModalContext({ context: context, modal: "jobLineEdit" }))
+});
+export default connect(
+  null,
+  mapDispatchToProps
+)(function JobLinesContainer({ jobId, setJobLineEditContext }) {
   const { loading, error, data, refetch } = useQuery(GET_JOB_LINES_BY_PK, {
     variables: { id: jobId },
     fetchPolicy: "network-only"
@@ -16,10 +23,8 @@ export default function JobLinesContainer({ jobId }) {
   const [searchText, setSearchText] = useState("");
   const [selectedLines, setSelectedLines] = useState([]);
   const partsOrderModalVisible = useState(false);
-  const editLineModalVisible = useState(false);
-  const lineToEdit = useState({});
 
-  if (error) return <AlertComponent message={error.message} type='error' />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
     <JobLinesComponent
@@ -61,9 +66,7 @@ export default function JobLinesContainer({ jobId }) {
       setSelectedLines={setSelectedLines}
       partsOrderModalVisible={partsOrderModalVisible}
       jobId={jobId}
-      editLineModalVisible={editLineModalVisible}
-      lineToEdit={lineToEdit}
+      setJobLineEditContext={setJobLineEditContext}
     />
   );
-}
-//);
+});