feat: fix journal.

src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.js

@@ -1,4 +1,5 @@
 import React, { useCallback } from 'react';
+import intl from 'react-intl-universal';
 import { DialogContent } from 'components';
 import { useSaveSettings, useSettingsManualJournals } from 'hooks/query';
 
@@ -12,7 +13,7 @@ import {
   transformSettingsToForm,
 } from 'containers/JournalNumber/utils';
 
-import 'style/pages/ManualJournal/JournalNumberDialog.scss'
+import 'style/pages/ManualJournal/JournalNumberDialog.scss';
 
 /**
  * Journal number dialog's content.
@@ -28,16 +29,14 @@ function JournalNumberDialogContent({
 
   // #ownProps
   onConfirm,
-  initialValues
+  initialValues,
 }) {
   const { isLoading: isSettingsLoading } = useSettingsManualJournals();
   const { mutateAsync: saveSettingsMutate } = useSaveSettings();
+  const [referenceFormValues, setReferenceFormValues] = React.useState(null);
 
-  // Handle the form submit. 
+  // Handle the form submit.
   const handleSubmitForm = (values, { setSubmitting }) => {
-    // Transformes the form values to settings to save it.
-    const options = transformFormToSettings(values, 'manual_journals');
-
     // Handle success.
     const handleSuccess = () => {
       setSubmitting(false);
@@ -52,6 +51,9 @@ function JournalNumberDialogContent({
       handleSuccess();
       return;
     }
+    // Transformes the form values to settings to save it.
+    const options = transformFormToSettings(values, 'manual_journals');
+
     saveSettingsMutate({ options }).then(handleSuccess).catch(handleErrors);
   };
 
@@ -59,6 +61,17 @@ function JournalNumberDialogContent({
     closeDialog('journal-number-form');
   }, [closeDialog]);
 
+  // Handle form change.
+  const handleChange = (values) => {
+    setReferenceFormValues(values);
+  };
+
+  // Description.
+  const description =
+    referenceFormValues?.incrementMode === 'auto'
+      ? intl.get('manual_journals.auto_increment.auto')
+      : intl.get('manual_journals.auto_increment.manually');
+
   return (
     <DialogContent isLoading={isSettingsLoading}>
       <ReferenceNumberForm
@@ -71,7 +84,9 @@ function JournalNumberDialogContent({
           ...initialValues,
         }}
         onSubmit={handleSubmitForm}
+        description={description}
         onClose={handleClose}
+        onChange={handleChange}
       />
     </DialogContent>
   );
@@ -84,4 +99,4 @@ export default compose(
     numberPrefix: manualJournalsSettings?.numberPrefix,
     autoIncrement: manualJournalsSettings?.autoIncrement,
   })),
-)(JournalNumberDialogContent);
+)(JournalNumberDialogContent);