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

Timestamp:

06/09/24 14:24:03 (2 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

b248810

Parents:

19398ad

Message:

Implemented job application functionality, added job advertisement filtering and replaced text areas with editors

File:

• jobvista-frontend/src/views/job_advertisements/EditJobAdModal.js (modified) (2 diffs)

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

@@ -15 +15 @@
 import {useDispatch, useSelector} from "react-redux";
 import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
+import {Editor} from "primereact/editor";
 
 
@@ -85 +86 @@
 
                             <label className="label">Job description:</label>
-                            <textarea type="text" defaultValue={jobAd.props.description} placeholder="Describe the job position and all the requirements"
-                                      className="description-textarea" {...register("description")}/>
+                            {/*<textarea type="text" defaultValue={jobAd.props.description} placeholder="Describe the job position and all the requirements"*/}
+                            {/*          className="description-textarea" {...register("description")}/>*/}
+
+                            <Controller
+                                name="description"
+                                control={control}
+                                render={({ field }) => (
+                                    <Editor
+                                        defaultValue={jobAd.props.description}
+                                        value={jobAd.props.description}
+                                        onTextChange={(e) => field.onChange(e.htmlValue)}
+                                        style={{ height: '300px', fontSize: "16px", fontFamily: "Segoe UI" }}
+                                    />
+                                )}
+                            />
+
                             <p style={{color: "red"}}>{errors.description?.message}</p>
                         </div>