kolejne czesci

src/components/SelectedSkill.jsx

@@ -40,7 +40,6 @@ function renderCircles(level, handleCircleClick) {
 
 
 const SelectedSkill = ({ skill, level, onLevelChange, removeSkillFromList, formData }) => {
-    const levelss = 'Nice to have';
     const handleCircleClick = (levelIndex) => {
         const level = levels[levelIndex]; 
         onLevelChange(skill, level);

src/components/StepFourJoblisting.jsx

@@ -31,11 +31,11 @@ const StepFourJoblisting = ({ handleChange, formData, nextStep, prevStep }) => {
               </div>
               <input
                 type="text"
-                name="lastname"
-                value={formData["lastname"] || ""}
+                name="last_name"
+                value={formData["last_name"] || ""}
                 required
-                id="lastname"
-                onChange={handleChange("lastname")}
+                id="last_name"
+                onChange={handleChange("last_name")}
                 placeholder="Twoje nazwisko..."
                 className={`border-b-2 px-4 my-2 ${styles.paragraph}`}
               />
@@ -47,11 +47,11 @@ const StepFourJoblisting = ({ handleChange, formData, nextStep, prevStep }) => {
               </div>
               <input
                 type="email"
-                name="email"
-                value={formData["email"] || ""}
+                name="contact_email"
+                value={formData["contact_email"] || ""}
                 required
-                id="email"
-                onChange={handleChange("email")}
+                id="contact_email"
+                onChange={handleChange("contact_email")}
                 placeholder="Adres mailowy..."
                 className={`border-b-2 px-4 my-2 ${styles.paragraph}`}
               />

src/components/StepThreeJoblisting.jsx

@@ -59,7 +59,7 @@ const StepThreeJoblisting = ({ formData, prevStep }) => {
         {
           !formData.requireSalary && (<p className='place-self-end text-xl text-slate-800'></p> )
         }
-        <p className='col-span-4 text-xl text-left'>{cleanAndProcessData(formData.jobtitle)}</p>
+        <p className='col-span-4 text-xl text-left'>{cleanAndProcessData(formData.name)}</p>
         </div>
       <div
         className={`job-listing2 col-start-2 col-end-4 grid grid-cols-4 drop-shadow cursor-pointer mb-2 sm:mr-4 mr-0 text-xl font-bold border rounded-[10px] p-2 hover:border-l-8 hover:border-zinc-500 duration-300 bg-gray-200`}

src/components/StepTwoJoblisting.jsx

@@ -85,11 +85,11 @@ const StepTwoJoblisting = ({ nextStep, prevStep, handleChange, formData, setForm
         <div className='grid grid-cols-3 items-center'>
         <div className={`${styles.paragraph} px-4 py-2`}>Nazwa ogłoszenia<span className={`${styles.paragraph} text-red-700`}>*</span></div> 
         <input type="text" 
-        name="jobtitle" 
-        value={formData['jobtitle'] || ''}
+        name="name" 
+        value={formData['name'] || ''}
         required
-        id="jobtitle"  
-        onChange={handleChange('jobtitle')}
+        id="name"  
+        onChange={handleChange('name')}
         placeholder='Wpisz nazwę stanowiska...' 
         className={`border-b-2 px-4 my-2 ${styles.paragraph} col-span-2 ${errors.jobtitle ? errorStyleInput : ''}`}/>