Applications Page

Apply-For-Me-UI/package.json

@@ -16,20 +16,17 @@
         "react": "^18.2.0",
         "react-cookie-consent": "^8.0.1",
         "react-dom": "^18.2.0",
-        "react-hook-form": "^7.40.0",
         "react-icons": "^4.6.0",
         "react-redux": "^8.0.5",
         "react-router-dom": "^6.4.3",
         "react-scripts": "5.0.1",
-        "react-spinners": "^0.13.7",
         "react-toastify": "^9.1.1",
         "spinners-react": "^1.0.7",
         "web-vitals": "^2.1.4",
         "yup": "^0.32.11"
     },
     "scripts": {
-        "start": "PORT=7000 react-scripts start",
-        "dev": "react-scripts start",
+        "start": "react-scripts start",
         "build": "react-scripts build",
         "test": "react-scripts test",
         "eject": "react-scripts eject"

Apply-For-Me-UI/src/components/spinner/Spinner.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars */
 import React from "react";
 import { useState } from "react";
-import PuffLoader from "react-spinners/PuffLoader";
+// import PuffLoader from "react-spinners/PuffLoader";
 import classes from "./Spinner.module.css";
 const Spinner = () => {
     let [color] = useState("#2E3192");

Apply-For-Me-UI/src/pages/applications/Applications.module.css

@@ -51,12 +51,14 @@ td {
 }
 
 th {
+    width: 250px;
     font-weight: 500;
     font-size: 20px;
     line-height: 150%;
 }
 
 td {
+    width: 250px;
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;

Apply-For-Me-UI/src/pages/applications/components/ApplicationsListHeader.jsx

@@ -1,3 +1,4 @@
+import { HiOutlineChevronLeft, HiOutlineChevronRight } from "react-icons/hi2";
 import styles from "../Applications.module.css";
 import Dropdown from "./Dropdown";
 import Search from "./search/Search";
@@ -9,6 +10,13 @@ const ApplicationsListHeader = () => {
             <div>
                 <Dropdown />
             </div>
+            <div className={styles.applications_footer}>
+                {/* <span>1-10/60</span> */}
+                <span>
+                    <HiOutlineChevronLeft />
+                    <HiOutlineChevronRight />
+                </span>
+            </div>
         </div>
     );
 };

Apply-For-Me-UI/src/pages/applications/components/Createjob.js

@@ -0,0 +1,14 @@
+import React from 'react'
+impot
+
+function Createjob() {
+    return (
+        <div className="jobcreation">
+            <p>Nothing to see here</p>
+            <button className="create_button">Create a job profile</button>
+            <p>to get started</p>
+        </div>
+    )
+}
+
+export default Createjob

Apply-For-Me-UI/src/pages/applications/components/Table.jsx

@@ -1,5 +1,5 @@
 import styles from "../Applications.module.css";
-import { HiOutlineChevronLeft, HiOutlineChevronRight } from "react-icons/hi2";
+// import { HiOutlineChevronLeft, HiOutlineChevronRight } from "react-icons/hi2";
 import { useNavigate } from "react-router-dom";
 import ApplicationsListHeader from "./ApplicationsListHeader";
 import axios from "axios";
@@ -69,14 +69,6 @@ const Table = () => {
                     </tbody>
                 </table>
             </div>
-
-            <div className={styles.applications_footer}>
-                <span>1-10/60</span>
-                <span>
-                    <HiOutlineChevronLeft />
-                    <HiOutlineChevronRight />
-                </span>
-            </div>
         </div>
     );
 };

Apply-For-Me-UI/src/styles/Createjob.css

@@ -0,0 +1,10 @@
+p {
+    font-family: 'Outfit';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 36px;
+    display: flex;
+    align-items: center;
+    color: #171B1D;
+}