From 5ed04b9b99d64cc048e3219975e82f4522b83c7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danilo=20Cangu=C3=A7u?= <daniloccangucu@gmail.com>
Date: Tue, 19 Nov 2024 18:10:07 +0100
Subject: [PATCH] added optional description to fields

---
 .../components/ApplicationForm/FinalThoughts.tsx           | 7 +++++++
 .../components/ApplicationForm/LinksAndReference.tsx       | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/FinalThoughts.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/FinalThoughts.tsx
index e89934f..76dbeb5 100644
--- a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/FinalThoughts.tsx
+++ b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/FinalThoughts.tsx
@@ -52,6 +52,13 @@ const FinalThoughts = React.memo(({ isDisabled }: { isDisabled: boolean }) => {
                             rows={3}
                         />
                         <p id="charCountFinalThoughts" className="char-counter">0 / 300</p>
+                        <div className="input-paragraph--small">
+                            <small>
+                                <em>
+                                    <b className="text-white">This is not a mandatory field.</b>
+                                </em>
+                            </small>
+                        </div>
                     </div>
                 </section>
             </div>
diff --git a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx
index f9107ac..2f3809a 100644
--- a/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx
+++ b/src/pages/Hohoho/pages/ApplicationPage/components/ApplicationForm/LinksAndReference.tsx
@@ -54,6 +54,7 @@ const LinksAndReferences = React.memo(({ isDisabled }: LinksAndReferencesProps)
                         <div className="input-paragraph--small">
                             <small>
                                 <em>
+                                    <b className="text-white">These are not mandatory fields</b> but I strongly recommend filling them out if you have any links to be shared.
                                     Please provide up to 3 relevant links that showcase your current online presence.
                                     This could include your existing website, social media pages, or any other online platforms related to your project.
                                 </em>
@@ -79,6 +80,7 @@ const LinksAndReferences = React.memo(({ isDisabled }: LinksAndReferencesProps)
                         <div className="input-paragraph--small">
                             <small>
                                 <em>
+                                    <b className="text-white">These are not mandatory fields</b> but I strongly recommend filling them out if you have any links to be shared.
                                     Please provide up to 3 links to websites, businesses, portfolios, etc. that you think align with your vision for your website.
                                 </em>
                             </small>