From 2d63154d9a66cf90879a042d887ba10e4f02dc01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danilo=20Cangu=C3=A7u?= <daniloccangucu@gmail.com>
Date: Wed, 20 Nov 2024 14:30:02 +0100
Subject: [PATCH] added maxLength in input fields

---
 .../components/ApplicationForm/AboutWebsite.tsx                | 2 ++
 .../components/ApplicationForm/LinksAndReference.tsx           | 2 ++
 .../components/ApplicationForm/PersonalInformation.tsx         | 3 +++
 3 files changed, 7 insertions(+)

diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/AboutWebsite.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/AboutWebsite.tsx
index 3ee21fa..5a78de4 100644
--- 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
index 1fe8cf7..4669b98 100644
--- 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
index 6023482..0139013 100644
--- 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>