From 7ac9f78366c18ff9d1848e6317e379f04db6cbce Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Tue, 20 Sep 2022 01:24:23 +0200
Subject: [PATCH] fix: project billable entries dilaog

---
 .../Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx b/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx
index e49fed38b..15bbc1053 100644
--- a/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx
+++ b/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx
@@ -10,7 +10,7 @@ import {
   ControlGroup,
 } from '@blueprintjs/core';
 import { DateInput } from '@blueprintjs/datetime';
-import { FastField, Field, ErrorMessage } from 'formik';
+import { FastField, Field, ErrorMessage, useFormikContext } from 'formik';
 
 import {
   FFormGroup,
@@ -56,6 +56,8 @@ function InvoiceFormHeaderFields({
   // Invoice form context.
   const { customers, projects } = useInvoiceFormContext();
 
+  const { values } = useFormikContext();
+
   // Handle invoice number changing.
   const handleInvoiceNumberChange = () => {
     openDialog('invoice-number-form');
@@ -76,6 +78,14 @@ function InvoiceFormHeaderFields({
   // Syncs invoice number settings with form.
   useObserveInvoiceNoSettings(invoiceNumberPrefix, invoiceNextNumber);
 
+  React.useEffect(() => {
+    if (values.project_id) {
+      openDialog('project-billable-entries', {
+        projectId: values.project_id,
+      });
+    }
+  }, [values]);
+  
   return (
     <div className={classNames(CLASSES.PAGE_FORM_HEADER_FIELDS)}>
       {/* ----------- Customer name ----------- */}