From e8e68e6505b5ee04c43fd33a96cb79c718d6631d Mon Sep 17 00:00:00 2001
From: StefanWout <stefanwoutersen@gmail.com>
Date: Wed, 20 Nov 2024 15:20:01 +0000
Subject: [PATCH] found issues with the submit button not refreshing state as
 well as a need for user feedback

---
 .../components/RemoteAssesmentModal.tsx       | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/app/portfolio/[slug]/components/RemoteAssesmentModal.tsx b/src/app/portfolio/[slug]/components/RemoteAssesmentModal.tsx
index 79b9558..a98dd0b 100644
--- a/src/app/portfolio/[slug]/components/RemoteAssesmentModal.tsx
+++ b/src/app/portfolio/[slug]/components/RemoteAssesmentModal.tsx
@@ -63,6 +63,8 @@ const goalValueOptions = [
   },
 ];
 
+
+
 export function SelectDropdown({
   options,
   selectedOption,
@@ -151,19 +153,19 @@ export default function RemoteAssesmentModal({
     setValuation(event.target.value);
   }
 
-  function handleButtonDisabled(): boolean {
-    return !(
-      scenario &&
-      selectedGoal &&
-      housingType &&
-      addressLineOne &&
-      postcode &&
-      uprn &&
-      valuation
-    ); 
-  }
-
   useEffect(() => {
+    function handleButtonDisabled(): boolean {
+      return !(
+        scenario &&
+        selectedGoal &&
+        housingType &&
+        addressLineOne &&
+        postcode &&
+        uprn &&
+        valuation
+      ); 
+    }
+
     setButtonDisabled(handleButtonDisabled());
   }, [scenario, selectedGoal, housingType, addressLineOne, postcode, uprn, valuation]);
 
@@ -255,7 +257,7 @@ export default function RemoteAssesmentModal({
                     )}
                   </div>
                   <div className="flex justify-center mt-6">
-                    Address Line One
+                    Address Line 1
                     <Input type="text" onChange={handleAddressLineOneChange}/>
                   </div>
                   <div className="flex justify-center mt-6">
@@ -286,6 +288,7 @@ export default function RemoteAssesmentModal({
                         type="button"
                         className="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
                         onClick={() => setIsOpen(false)}
+                  
                       >
                         Cancel
                   </button>