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

Timestamp:

06/17/24 21:59:14 (3 months 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/EditJobAdModal.js (modified) (8 diffs)

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

@@ -1 +1 @@
 import React, {useEffect, useState} from "react";
-import "./Form.css";
+import "../shared_css/Modal.css";
 
 import 'react-responsive-modal/styles.css';
@@ -16 +16 @@
 import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
 import {Editor} from "primereact/editor";
+import {notifyJobAdDelete, notifyJobAdEdit} from "../../utils/toastUtils";
 
 
@@ -23 +24 @@
     const auth = useSelector(state => state.auth.currentUser)
     const toggleModal = () => {
+        console.log("NAD SET")
         setModal(!modal);
+        console.log("POD SET")
+
     };
 
@@ -52 +56 @@
                 }, jobAd.props.id, (success, response) => {
                     if(success) {
-                        console.log("Job Advertisement edited")
+                        // console.log("Job Advertisement edited")
                         toggleModal()
+                        notifyJobAdEdit()
                     }
                 }
@@ -78 +83 @@
 
             <div className="modal-content">
-                <form onSubmit={handleSubmit(editJobAdvertisement)}>
+                <form>
                     <div className="row">
                         <div className="col-md-7">
@@ -92 +97 @@
                                 name="description"
                                 control={control}
+                                defaultValue={jobAd.props.description}
                                 render={({ field }) => (
                                     <Editor
-                                        defaultValue={jobAd.props.description}
+                                        // defaultValue={jobAd.props.description}
                                         value={jobAd.props.description}
                                         onTextChange={(e) => field.onChange(e.htmlValue)}
@@ -107 +113 @@
                         <div className="col-md-5">
                             <label className="label">Hourly rate:</label>
-                            <input defaultValue={jobAd.props.startingSalary} {...register("startingSalary")}/>
+                            <input type="number" defaultValue={jobAd.props.startingSalary} {...register("startingSalary")}/>
                             <p style={{color: "red"}}>{errors.startingSalary?.message}</p>
 
@@ -166 +172 @@
                     </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(editJobAdvertisement)}> Save changes</button>
                     </div>
-
                 </form>
             </div>