BREAKING - Package upgrades + some WIP on invoice enter.

client/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "proxy": "https://localhost:5000",
   "dependencies": {
-    "@ckeditor/ckeditor5-build-classic": "^16.0.0",
+    "@ckeditor/ckeditor5-build-classic": "^17.0.0",
     "@ckeditor/ckeditor5-react": "^2.1.0",
-    "antd": "^3.26.8",
+    "antd": "^4.0.0",
     "apollo-boost": "^0.4.4",
     "apollo-link-context": "^1.0.19",
     "apollo-link-error": "^1.1.12",
@@ -15,25 +15,25 @@
     "axios": "^0.19.2",
     "chart.js": "^2.9.3",
     "dotenv": "^8.2.0",
-    "firebase": "^7.8.1",
+    "firebase": "^7.9.2",
     "graphql": "^14.6.0",
-    "i18next": "^19.1.0",
+    "i18next": "^19.3.2",
     "node-sass": "^4.13.1",
-    "react": "^16.12.0",
+    "react": "^16.13.0",
     "react-apollo": "^3.1.3",
     "react-barcode": "^1.4.0",
-    "react-big-calendar": "^0.23.0",
+    "react-big-calendar": "^0.24.0",
     "react-chartjs-2": "^2.9.0",
-    "react-dom": "^16.12.0",
+    "react-dom": "^16.13.0",
     "react-html-email": "^3.0.0",
-    "react-i18next": "^11.3.1",
+    "react-i18next": "^11.3.3",
     "react-icons": "^3.9.0",
     "react-image-file-resizer": "^0.2.1",
     "react-moment": "^0.9.7",
-    "react-number-format": "^4.3.1",
+    "react-number-format": "^4.4.1",
-    "react-redux": "^7.1.3",
+    "react-redux": "^7.2.0",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.3.1",
+    "react-scripts": "3.4.0",
     "redux": "^4.0.5",
     "redux-logger": "^3.0.6",
     "redux-persist": "^6.0.0",

client/src/components/invoice-add-line-button/invoice-add-line-button.component.jsx

@@ -6,7 +6,8 @@ export default function InvoiceAddLineButton({
   jobLine,
   invoiceLineState,
   form,
-  discount
+  discount,
+  disabled
 }) {
   const [visibility, setVisibility] = useState(false);
   const { t } = useTranslation();
@@ -41,7 +42,7 @@ export default function InvoiceAddLineButton({
 
   return (
     <Popover content={popContent} visible={visibility}>
-      <Button onClick={() => setVisibility(true)}>
+      <Button onClick={() => setVisibility(true)} disabled={!disabled}>
         <Icon type="select" />
       </Button>
     </Popover>

client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx

@@ -32,7 +32,7 @@ export default function InvoiceEnterModalComponent({
 }) {
   const { t } = useTranslation();
   const { getFieldDecorator, resetFields } = form;
-  
+
   return (
     <Modal
       title={
@@ -128,7 +128,6 @@ export default function InvoiceEnterModalComponent({
             })(<InputNumber precision={2} min={0} name="total" />)}
           </Form.Item>
         </div>
-
         <Row>
           <Col span={12}>
             <InvoiceEnterModalTableComponent
@@ -140,6 +139,7 @@ export default function InvoiceEnterModalComponent({
           </Col>
           <Col span={12}>Table of added items.</Col>
         </Row>
+        );
       </Form>
     </Modal>
   );

client/src/components/invoice-enter-modal/invoice-enter-modal.table.component.jsx

@@ -101,6 +101,7 @@ export default function InvoiceEnterModalTableComponent({
             jobLine={record}
             form={form}
             discount={vendor ? vendor.discount : null}
+            disabled={vendor}
           />
         </div>
       )