Add max body validator

quran · Nov 27, 2023 · 0711dce · 0711dce
1 parent 8f12576
commit 0711dce
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/components/Notes/NoteModal/index.tsx b/src/components/Notes/NoteModal/index.tsx
@@ -49,6 +49,7 @@ type NoteFormData = {
 
 const TITLE_MAXIMUM_LENGTH = 150;
 const BODY_MIN_LENGTH = 6;
+const BODY_MAX_LENGTH = 10000;
 
 const TITLE_VALIDATION_PARAMS = {
   value: TITLE_MAXIMUM_LENGTH,
@@ -57,6 +58,9 @@ const TITLE_VALIDATION_PARAMS = {
 const BODY_MIN_VALIDATION_PARAMS = {
   value: BODY_MIN_LENGTH,
 };
+const BODY_MAX_VALIDATION_PARAMS = {
+  value: BODY_MAX_LENGTH,
+};
 
 const NoteModal: React.FC<NoteModalProps> = ({
   onClose,
@@ -272,6 +276,22 @@ const NoteModal: React.FC<NoteModalProps> = ({
                           },
                         ),
                       },
+                      {
+                        ...BODY_MAX_VALIDATION_PARAMS,
+                        type: RuleType.MaximumLength,
+                        errorId: ErrorMessageId.MaximumLength,
+                        errorExtraParams: {
+                          ...BODY_MAX_VALIDATION_PARAMS,
+                        },
+                        errorMessage: buildTranslatedErrorMessageByErrorId(
+                          ErrorMessageId.MaximumLength,
+                          'body',
+                          t,
+                          {
+                            ...BODY_MAX_VALIDATION_PARAMS,
+                          },
+                        ),
+                      },
                     ],
                     type: FormFieldType.TextArea,
                     containerClassName: styles.bodyInput,