added maxLength in input fields

danilocangucu · Nov 20, 2024 · 2d63154 · 2d63154
1 parent efefabd
commit 2d63154
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/AboutWebsite.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/AboutWebsite.tsx
@@ -105,6 +105,7 @@ const AboutYourWebsite = React.memo(({ isDisabled }: AboutProjectProps) => {
                             placeholder=""
                             disabled={isDisabled}
                             style={{ cursor: isDisabled ? "not-allowed" : "text" }}
+                            maxLength={200}
                         />
                         <div className="input-paragraph--small quattrocento-regular">
                             <small>
@@ -126,6 +127,7 @@ const AboutYourWebsite = React.memo(({ isDisabled }: AboutProjectProps) => {
                                     disabled={isDisabled}
                                     style={{ cursor: isDisabled ? "not-allowed" : "text" }}
                                     id={`websiteAdditionalFeatures${index + 1}`}
+                                    maxLength={200}
                                 />
                             </div>
                         ))}

diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx
@@ -49,6 +49,7 @@ const LinksAndReferences = React.memo(({ isDisabled }: LinksAndReferencesProps)
                                     disabled={isDisabled}
                                     style={{ cursor: isDisabled ? "not-allowed" : "text" }}
                                     id={`currentPresence${index + 1}`}
+                                    maxLength={200}
                                 />
                             </div>
                         ))}
@@ -76,6 +77,7 @@ const LinksAndReferences = React.memo(({ isDisabled }: LinksAndReferencesProps)
                                     disabled={isDisabled}
                                     style={{ cursor: isDisabled ? "not-allowed" : "text" }}
                                     id={`referenceWebsites${index + 1}`}
+                                    maxLength={200}
                                 />
                             </div>
                         ))}

diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/PersonalInformation.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/PersonalInformation.tsx
@@ -36,6 +36,7 @@ export const PersonalInformation = React.memo(({ isDisabled }: { isDisabled: boo
                             {...register('personalInformation.fullName')}
                             disabled={isDisabled}
                             style={{ cursor: isDisabled ? "not-allowed" : "text" }}
+                            maxLength={200}
                         />
                     </div>
                     <div>
@@ -46,6 +47,7 @@ export const PersonalInformation = React.memo(({ isDisabled }: { isDisabled: boo
                             {...register('personalInformation.emailAddress')}
                             disabled={isDisabled}
                             style={{ cursor: isDisabled ? "not-allowed" : "text" }}
+                            maxLength={200}
                         />
                     </div>
                     <div>
@@ -56,6 +58,7 @@ export const PersonalInformation = React.memo(({ isDisabled }: { isDisabled: boo
                             {...register('personalInformation.phoneNumber')}
                             disabled={isDisabled}
                             style={{ cursor: isDisabled ? "not-allowed" : "text" }}
+                            maxLength={50}
                         />
                         <div className="input-paragraph--small quattrocento-regular">
                             <small>