Start job page

src/Routers.jsx

@@ -33,6 +33,7 @@ import ReferralPage from "./views/ReferralPage";
 import VerifyLinkPages from "./views/VerifyLinkPages";
 import MyActiveJobsPage from "./views/MyActiveJobsPage";
 import FamilyAccPage from "./views/FamilyAccPage";
+import StartJobPage from "./views/StartJobPage";
 
 export default function Routers() {
   return (
@@ -77,6 +78,7 @@ export default function Routers() {
           <Route exact path="/myjobs" element={<MyJobsPage />} />
           <Route exact path="/my-active-jobs"  element={<MyActiveJobsPage />} />
           <Route exact path="/acc-family"  element={<FamilyAccPage />} />
+          <Route exact path="/start-job"  element={<StartJobPage />} />
           <Route
             exact
             path="/my-collection/collection-item"

src/components/MyJobs/StartJob.jsx

@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Layout from "../Partials/Layout";
+import MyJobTable from "./MyJobTable";
+import CommonHead from "../UserHeader/CommonHead";
+import SelectBox from "../Helpers/SelectBox";
+import dataImage2 from "../../assets/images/data-table-user-2.png";
+
+export default function StartJob(props) {
+    const [selectTab, setValue] = useState("today");
+    const filterHandler = (value) => {
+        setValue(value);
+    };
+    console.log("AMEYE LOC1", props.MyJobList);
+    return (
+        <Layout>
+            {/*<CommonHead />*/}
+            <div className="notification-page w-full mb-10">
+                <div className="notification-wrapper w-full">
+                    {/* heading */}
+                    <div className="sm:flex justify-between items-center mb-6">
+                        <div className="mb-5 sm:mb-0">
+                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                <span
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
+                >
+                  My Jobs 0000000
+                </span>
+
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div
+                        className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[520px]`}
+                    >
+                        <div className="header w-full flex justify-between items-center mb-5">
+                            <div className="flex space-x-2 items-center">
+                                <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+                                Job Poat Terms and Agreemrn
+                                </h1>
+                            </div>
+                            {/*<SelectBox*/}
+                            {/*    action={setCategory}*/}
+                            {/*    datas={filterCategories}*/}
+                            {/*    className="Update-table-dropdown"*/}
+                            {/*    contentBodyClasses="w-auto min-w-max"*/}
+                            {/*/>*/}
+                        </div>
+                        <div className="relative w-full overflow-x-auto sm:rounded-lg">
+                           Something here
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </Layout>
+    );
+}

src/views/StartJobPage.jsx

@@ -0,0 +1,30 @@
+import React, { useContext,useState, useEffect } from "react";
+import usersService from "../services/UsersService";
+import StartJob from "../components/MyJobs/StartJob";
+
+export default function StartJobPage() {
+
+    // const userApi = new usersService();
+    // const activeJobList  = userApi.getMyJobList();
+    const [MyJobList, setMyJobList] = useState([]);
+    const api = new usersService();
+
+    const getMyJobList = async () => {
+        try {
+            const res = await api.getMyJobList();
+            setMyJobList(res.data);
+        } catch (error) {
+            console.log("Error getting mode");
+        }
+    };
+    useEffect(() => {
+        getMyJobList();
+    }, []);
+
+    // debugger;
+    return (
+        <>
+            <StartJob MyJobList={MyJobList} />
+        </>
+    );
+}