Changeset befb988 for jobvista-frontend/src/views/job_advertisements/AddJobAdModal.js

Timestamp:

06/17/24 21:59:14 (2 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

08f82ec

Parents:

b248810

Message:

Added an edit profile page for both job seekers and recruiters, where they can upload profile pictures/company logos and edit their profile data. Added profile page specifically for recruiters. Refactored existing code.

File:

• jobvista-frontend/src/views/job_advertisements/AddJobAdModal.js (modified) (9 diffs)

jobvista-frontend/src/views/job_advertisements/AddJobAdModal.js

@@ -1 +1 @@
 import React, {useState} from "react";
-import "./Form.css";
+import "../shared_css/Modal.css";
 
 import { Editor } from 'primereact/editor';
@@ -17 +17 @@
 import {useDispatch, useSelector} from "react-redux";
 import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
+import {notifyJobAdPost} from "../../utils/toastUtils";
 
 
@@ -32 +33 @@
         description: yup.string().required("Please enter a description"),
         industry: yup.mixed().required("Select industry"),
-        startingSalary: yup.number().required("Please enter the starting salary"),
+        startingSalary: yup.string().required("Please enter the starting salary"),
         jobType: yup.mixed().required("Select job type"),
         employmentStatus: yup.mixed().required("Select employment status"),
@@ -46 +47 @@
             dispatch(JobAdvertisementActions.addJobAdvertisement(
                 {
-                    email: auth.email,
+                    id: auth.id,
                     title: values.title,
                     description: values.description,
@@ -56 +57 @@
                 }, (success, response) => {
                     if (success) {
-                        console.log("Job Advertisement added")
+                        // console.log("Job Advertisement added")
                         toggleModal()
+                        notifyJobAdPost()
                     }
                 }
@@ -75 +77 @@
         </div>
         {/*<button onClick={toggleModal} className="btn-open-modal">POST ADVERTISEMENT</button>*/}
-        <Modal open={modal} onClose={toggleModal} center classNames="job-advertisement-modal">
+        <Modal open={modal} onClose={toggleModal} center>
             <div className="head-modal">
                 <h3>Post Job Advertisement</h3>
@@ -82 +84 @@
 
             <div className="modal-content">
-                <form onSubmit={handleSubmit(addJobAdvertisement)}>
+                <form>
                     <div className="row">
                         <div className="col-md-7">
@@ -111 +113 @@
                         <div className="col-md-5">
                             <label className="label">Hourly rate:</label>
-                            <input {...register("startingSalary")}/>
+                            <input type="number" {...register("startingSalary")}/>
                             <p style={{color: "red"}}>{errors.startingSalary?.message}</p>
 
@@ -157 +159 @@
                     </div>
 
-                    <div className="aligned">
-                        <button className="submit-btn"> Submit</button>
+                    <div className="modal-buttons">
+                        <div className="cancel-btn" onClick={toggleModal}> Cancel</div>
+                        <button className="submit-btn" onClick={handleSubmit(addJobAdvertisement)}>Submit</button>
                     </div>