From 17f18d255e7ecc1f55927dd5f48d619c883a9ee5 Mon Sep 17 00:00:00 2001
From: Josh <jcoakley@aptivaai.com>
Date: Wed, 14 May 2025 18:22:45 +0000
Subject: [PATCH] Fixed Confirm button on CareerSearch in Explorer

---
 src/components/CareerExplorer.js |  19 ++++++++-----------
 src/components/CareerModal.js    |  14 ++++++++++----
 user_profile.db                  | Bin 110592 -> 114688 bytes
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/CareerExplorer.js b/src/components/CareerExplorer.js
index 9977509..0aa854e 100644
--- a/src/components/CareerExplorer.js
+++ b/src/components/CareerExplorer.js
@@ -61,7 +61,6 @@ const STATES = [
   { name: 'Wyoming', code: 'WY' },
 ];
 
-// 2) Helper to convert state code => full name
 function getFullStateName(code) {
   const found = STATES.find((s) => s.code === code?.toUpperCase());
   return found ? found.name : '';
@@ -142,7 +141,7 @@ function CareerExplorer({  }) {
         } else {
           // No inventory => no suggestions (or do something else here)
           setCareerSuggestions([]);
-        }
+        }        
 
         // 4) Check if all priorities are answered
         const priorities = profileData.career_priorities
@@ -168,8 +167,7 @@ function CareerExplorer({  }) {
 
   fetchUserProfile();
 }, [apiUrl]);
-  
-  // Load suggestions from Interest Inventory if provided (optional)
+
   useEffect(() => {
     if (location.state?.careerSuggestions) {
       setCareerSuggestions(location.state.careerSuggestions);
@@ -207,13 +205,10 @@ function CareerExplorer({  }) {
     console.log('[handleCareerClick] career =>', career);
     const socCode = career.code;
     setSelectedCareer(career);
-      setLoading(true);
       setError(null);
       setCareerDetails({});
       setSalaryData([]);
       setEconomicProjections({});
-    setError(null);
-    setLoading(true);
 
     // We can set selectedCareer immediately so that our Modal condition is met.
     setSelectedCareer(career);
@@ -221,7 +216,6 @@ function CareerExplorer({  }) {
     if (!socCode) {
       console.error('SOC Code is missing');
       setError('SOC Code is missing');
-      setLoading(false);
       return;
     }
 
@@ -382,7 +376,6 @@ function CareerExplorer({  }) {
   }
 };
 
-  
   const addCareerToList = (career) => {
   const masterRatings = getCareerRatingsBySocCode(career.code);
 
@@ -528,8 +521,12 @@ function CareerExplorer({  }) {
       <div className="flex justify-between items-center mb-4">
         <h2 className="text-xl font-semibold">Explore Careers</h2>
         <CareerSearch
-          onCareerSelected={(careerObj) => handleCareerClick(careerObj)}
-        />
+                onCareerSelected={(careerObj) => {
+                  console.log('[Dashboard] onCareerSelected =>', careerObj);
+                  // Set the "pendingCareerForModal" so our useEffect fires
+                  setPendingCareerForModal(careerObj);
+                }}
+              />
       </div>
 
       <h2 className="text-xl font-semibold mb-4">Career Comparison Matrix</h2>
diff --git a/src/components/CareerModal.js b/src/components/CareerModal.js
index cb08ec2..2e4e420 100644
--- a/src/components/CareerModal.js
+++ b/src/components/CareerModal.js
@@ -3,15 +3,21 @@ import axios from 'axios';
 
 const apiUrl = process.env.REACT_APP_API_URL;
 
-function CareerModal({ career, careerDetails, userState, areaTitle, userZipcode, closeModal, addCareerToList }) {
+function CareerModal({ career, careerDetails, closeModal, addCareerToList }) {
 
   const [error, setError] = useState(null);
 
-  console.log('CareerModal props:', { career, careerDetails, userState, areaTitle, userZipcode });
+  console.log('CareerModal props:', { career, careerDetails});
   
   if (!careerDetails?.salaryData) {
-    return <div>Loading career details...</div>;
-  }
+  return (
+    <div className="fixed inset-0 bg-gray-900 bg-opacity-70 flex justify-center items-center z-50">
+      <div className="bg-white rounded-lg shadow-lg p-6">
+        <p className="text-lg text-gray-700">Loading career details...</p>
+      </div>
+    </div>
+  );
+}
   if (error)   return <div>{error}</div>;
 
   const calculateStabilityRating = (salaryData) => {
diff --git a/user_profile.db b/user_profile.db
index fbd2469ad9f58264e7aa7b45fae57046c740c651..71f385799c3f1b2e2184aae4d65553185cd28f85 100644
GIT binary patch
delta 1062
zcmZ`&y>HV%6i=#@Dgx0$K?!XVT`k(73a#VB`RD+G0G;?AQ6*02vwf;#o4a$<3Powf
zKR|Vi9l9{EAfXOyEJ$puY)A~<kvcQ*&J<eFGTHCr_wk<IZGJzqxjFV~dUPj~$&|Ly
zjqJ|*XK%*y`Gd@OH-B(`e|u|YZ*k&Ne&nsEY7>`6zV!B%C%)!#y8Y#T<->j@TiVu9
zX0Lqtb6!mqJJ+q&wVG*J3#PefR1KF&W68Khg@k}a4u$Bb19FndKqv2F;j<`IuZy!e
z7Y9P!yf~x26)$A#>PK;L7(~)%p@(qjAWR4qBI1mS1=QsfONt=!Scn7UP{F)VKmuV0
z#}c`}iIL<qbi{&|#9~z#OHYj_t5gyn@hI{9l-Z#Yvw%9t;kXZSK;t4D$9TwTkWwB=
zS5rivGf)>XCCp_6OBg{QkpL?eh(rO{5X7fFDyk5MLh^*@rYh=zZO*{4+=zAc_+%T1
z)8`4}fD5JeJT&gC;~on^3islGA`kPlhN3V<My`u`u-*We;LF?%y{$jXkP$4+XLOCG
zDGn1-*QF%oHo8&hQjYpe`amC0kuvshh`rPRqU&`^63Nz}1OugwBw*Sb0&0f|k_d6A
zhL}S!cwSNEvT+tYq?|w_Y*lR)CUdrB+UikZa<<+wJLaJJ!ifJi=+m&l!#|K_!)|HF
zsNHTfO!cljpKF_TEoEtStW#K8r?7OIW>Z7vYG%u7o>cCbCzMBPR?D(9Xsp&W+qOAS
z_onB^mTAO2h7~SNW!q|4y876%OgL^IhaOyV1O5+Z>K>-xHCR;xhhc()2QdxxWf@Bv
z6cLid>DAoFz2ncIURoZp8ftfXj#zffJjUPF!9N1^Q~B$<^M4BHcKT2#7sg<qJ{F2u
ZTkTe^oNH7Kk4Js!8%s6yvrx&d`~sdhUD5ym

delta 58
zcmV-A0LA}+fCqr!29O&Cn*aa+8<8MC0h_U4r4I=JF8~ii051;Yk%1wzFA&2Cx7oA-
Q@dN=~gXA8!<Q@SWkqj3TMF0Q*