refactor: add changes based on code review

Author: orama254

src/components/ContactUs/DesktopVersion.tsx

@@ -82,30 +82,21 @@ export default function DesktopVersion() {
             field="message"
             errors={state.errors}
           />
-          {/*//TODO: replace this button with the app button component */}
 
           <ReCAPTCHA
             sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY!}
             onChange={handleRecaptchaResult}
-          />
+            />
 
-          {captchaComplete ? (
-            <button
-              type="submit"
-              disabled={state.submitting}
-              className="block rounded-md p-2 my-2 w-[247px] h-14 mx-auto bg-[#EC0505] text-white font-bold font-montserrat"
-            >
-              Send Message
-            </button>
-          ) : (
+            {/* //TODO: replace this button with the app button component */}
             <button
               type="submit"
-              disabled
+              disabled={!captchaComplete || state.submitting}
               className="block rounded-md p-2 my-2 w-[247px] h-14 mx-auto bg-[#EC0505] text-white font-bold font-montserrat"
             >
               Send Message
             </button>
-          )}
+          
           <ValidationError errors={state.errors} />
         </form>
       </div>

src/components/ContactUs/MobileVersion.tsx

@@ -91,30 +91,20 @@ export default function MobileVersion() {
           field="message"
           errors={state.errors}
         />
-        {/*//TODO: replace this button with the app button component */}
 
         <ReCAPTCHA
           sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY!}
           onChange={handleRecaptchaResult}
         />
 
-        {captchaComplete ? (
+        {/* //TODO: replace this button with the app button component */}
           <button
             type="submit"
-            disabled={state.submitting}
+            disabled={!captchaComplete || state.submitting}
             className="border-2 border-[#12A04E] w-full rounded-md p-2 my-2 font-montserrat font-bold text-[#12A04E]"
           >
             Send Message
           </button>
-        ) : (
-          <button
-            type="submit"
-            disabled
-            className="border-2 border-[#12A04E] w-full rounded-md p-2 my-2 font-montserrat font-bold text-[#12A04E]"
-          >
-            Send Message
-          </button>
-        )}
         <ValidationError errors={state.errors} />
       </form>
     </>