diff --git a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
index 2b18e3c8b..2d964f1a0 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
@@ -1,5 +1,13 @@
import { useMutation, useQuery } from "@apollo/client";
-import { Button, Drawer, Form, Grid, PageHeader, Popconfirm } from "antd";
+import {
+ Button,
+ Drawer,
+ Form,
+ Grid,
+ PageHeader,
+ Popconfirm,
+ Space,
+} from "antd";
import moment from "moment";
import queryString from "query-string";
import React, { useEffect, useState } from "react";
@@ -15,7 +23,24 @@ import BillFormContainer from "../bill-form/bill-form.container";
import JobDocumentsGallery from "../jobs-documents-gallery/jobs-documents-gallery.container";
import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
-export default function BillDetailEditcontainer() {
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { setModalContext } from "../../redux/modals/modals.actions";
+
+const mapStateToProps = createStructuredSelector({
+ //currentUser: selectCurrentUser
+});
+const mapDispatchToProps = (dispatch) => ({
+ setPartsOrderContext: (context) =>
+ dispatch(setModalContext({ context: context, modal: "partsOrder" })),
+});
+
+export default connect(
+ mapStateToProps,
+ mapDispatchToProps
+)(BillDetailEditcontainer);
+
+export function BillDetailEditcontainer({ setPartsOrderContext }) {
const search = queryString.parse(useLocation().search);
const history = useHistory();
const { t } = useTranslation();
@@ -145,23 +170,53 @@ export default function BillDetailEditcontainer() {
`${data.bills_by_pk.invoice_number} - ${data.bills_by_pk.vendor.name}`
}
extra={
-