From 02489a907a605fa075b874648e6a1c8994e3fba5 Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Wed, 28 Jun 2023 11:06:33 +0200
Subject: [PATCH] fix(webapp): internal note of invoice/bill payment does not
 saving

---
 .../PaymentForm/PaymentMadeFormFooterLeft.tsx |  6 ++--
 .../PaymentReceiveFormFootetLeft.tsx          | 35 ++++---------------
 2 files changed, 11 insertions(+), 30 deletions(-)

diff --git a/packages/webapp/src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormFooterLeft.tsx b/packages/webapp/src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormFooterLeft.tsx
index 23b60eecf..8c119e60c 100644
--- a/packages/webapp/src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormFooterLeft.tsx
+++ b/packages/webapp/src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormFooterLeft.tsx
@@ -13,12 +13,14 @@ export function PaymentMadeFormFooterLeft() {
     <React.Fragment>
       {/* --------- Internal Note--------- */}
       <InternalNoteFormGroup
-        name={'internal_note'}
+        name={'statement'}
         label={<T id={'payment_made.form.internal_note.label'} />}
+        fastField={true}
       >
         <FEditableText
-          name={'internal_note'}
+          name={'statement'}
           placeholder={intl.get('payment_made.form.internal_note.placeholder')}
+          fastField={true}
         />
       </InternalNoteFormGroup>
     </React.Fragment>
diff --git a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFootetLeft.tsx b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFootetLeft.tsx
index 0aea4912b..8c139e655 100644
--- a/packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFootetLeft.tsx
+++ b/packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFootetLeft.tsx
@@ -7,25 +7,18 @@ import { FFormGroup, FEditableText, FormattedMessage as T } from '@/components';
 export function PaymentReceiveFormFootetLeft() {
   return (
     <React.Fragment>
-      {/* --------- Statement--------- */}
-      <PaymentMsgFormGroup
-        name={'message'}
-        label={<T id={'payment_receive_form.message.label'} />}
-      >
-        <FEditableText
-          name={'message'}
-          placeholder={intl.get('payment_receive_form.message.placeholder')}
-        />
-      </PaymentMsgFormGroup>
-
       {/* --------- Internal Note--------- */}
       <TermsConditsFormGroup
-        name={'internal_note'}
+        name={'statement'}
         label={<T id={'payment_receive_form.label.note'} />}
+        fastField={true}
       >
         <FEditableText
-          name={'internal_note'}
-          placeholder={intl.get('payment_receive_form.internal_note.placeholder')}
+          name={'statement'}
+          placeholder={intl.get(
+            'payment_receive_form.internal_note.placeholder',
+          )}
+          fastField={true}
         />
       </TermsConditsFormGroup>
     </React.Fragment>
@@ -43,17 +36,3 @@ const TermsConditsFormGroup = styled(FFormGroup)`
     }
   }
 `;
-
-const PaymentMsgFormGroup = styled(FFormGroup)`
-  &.bp3-form-group {
-    margin-bottom: 40px;
-
-    .bp3-label {
-      font-size: 12px;
-      margin-bottom: 12px;
-    }
-    .bp3-form-content {
-      margin-left: 10px;
-    }
-  }
-`;