Merge pull request #5 from UPHRH-platform/textarea-maxlength

changes for return to institute

src/components/form-elements/TextAreaField.tsx

@@ -18,6 +18,7 @@ interface TextAreaFieldProps {
   defaultValue?: string;
   isReadOnly?: boolean;
   isRequired?: boolean;
+  maxLength?: any;
 }
 
 export const TextAreaField = ({
@@ -31,6 +32,7 @@ export const TextAreaField = ({
   isReadOnly,
   isRequired,
   defaultValue,
+  maxLength
 }: TextAreaFieldProps) => {
   const [characterCount, setCharacterCount] = useState(0);
 
@@ -57,7 +59,7 @@ export const TextAreaField = ({
           onKeyUp={(e) => {
             updateCharacterCount(e);
           }}
-          maxLength={200}
+          maxLength={maxLength?maxLength:200}
           value={value}
           defaultValue={defaultValue}
           readOnly={isReadOnly ? true : false}

src/components/modal/ModalTwo.tsx

@@ -136,6 +136,7 @@ export const ModalTwo = ({
               rows={6}
               label={textAreaLabel}
               value={note}
+              maxLength={true}
               changeHandler={(e) => setNote(e.target.value)}
             />