37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
// CareerOnboarding.js
|
|
import React, { useState } from 'react';
|
|
|
|
const CareerOnboarding = ({ nextStep, prevStep }) => {
|
|
const [careerData, setCareerData] = useState({
|
|
currentJob: '',
|
|
industry: '',
|
|
employmentStatus: '',
|
|
careerGoal: '',
|
|
});
|
|
|
|
const handleChange = (e) => {
|
|
setCareerData({ ...careerData, [e.target.name]: e.target.value });
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<h2>Career Details</h2>
|
|
<input name="currentJob" placeholder="Current Job Title" onChange={handleChange} />
|
|
<input name="industry" placeholder="Industry" onChange={handleChange} />
|
|
<select name="employmentStatus" onChange={handleChange}>
|
|
<option value="">Employment Status</option>
|
|
<option value="FT">Full-Time</option>
|
|
<option value="PT">Part-Time</option>
|
|
<option value="Unemployed">Unemployed</option>
|
|
<option value="Student">Student</option>
|
|
</select>
|
|
<input name="careerGoal" placeholder="Career Goal (optional)" onChange={handleChange} />
|
|
|
|
<button onClick={prevStep}>Back</button>
|
|
<button onClick={nextStep}>Next: Financial →</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default CareerOnboarding;
|