UIU-2569: fix error message appearing (#2085)

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change history for ui-users
 
+## 8.0.2 IN PROGRESS
+
+* Error message "Enter comment" appears erroneously when entering New Staff Info on Fee/Fine Details. Refs UIU-2569.
+
 ## [8.0.1](https://github.com/folio-org/ui-users/tree/v8.0.1) (2022-03-25)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v8.0.0...v8.0.1)
 

src/components/Accounts/Actions/CommentModal.js

@@ -14,14 +14,6 @@ import {
 
 import css from './modal.css';
 
-const validate = (values) => {
-  const errors = {};
-  if (!values.comment) {
-    errors.comment = <FormattedMessage id="ui-users.accounts.comment.error.enterComment" />;
-  }
-  return errors;
-};
-
 class CommentModal extends React.Component {
   static propTypes = {
     open: PropTypes.bool,
@@ -30,27 +22,22 @@ class CommentModal extends React.Component {
     invalid: PropTypes.bool,
     onClose: PropTypes.func,
     handleSubmit: PropTypes.func,
-    form: PropTypes.object.isRequired,
   };
 
   onSubmit = () => {
     const {
       handleSubmit,
-      form: { reset },
     } = this.props;
 
     handleSubmit();
-    reset();
   }
 
   handleClose = () => {
     const {
       onClose,
-      form: { reset },
     } = this.props;
 
     onClose();
-    reset();
   }
 
   render() {
@@ -59,7 +46,7 @@ class CommentModal extends React.Component {
       submitting,
       invalid,
       open,
-      onClose
+      onClose,
     } = this.props;
 
     const submitButtonDisabled = pristine || submitting || invalid;
@@ -112,7 +99,7 @@ class CommentModal extends React.Component {
 }
 
 export default stripesFinalForm({
+  destroyOnUnregister: true,
   navigationCheck: true,
   subscription: { values: true },
-  validate,
 })(CommentModal);