Link task manage button to manage job page

src/components/MyTasks/MyJobTable.jsx

@@ -6,7 +6,12 @@ import { handlePagingFunc } from "../Pagination/HandlePagination";
 import usersService from "../../services/UsersService";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 
+import {useNavigate, useLocation} from 'react-router-dom'
+
 export default function MyJobTable({ className }) {
+  let navigate = useNavigate()
+  let {pathname} = useLocation()
+
   const [tasksData, setTasksData] = useState(null);
   const [loader, setLoader] = useState(true);
 
@@ -80,7 +85,7 @@ export default function MyJobTable({ className }) {
                         <span className="text-sm text-thin-light-gray">
                           Price:
                           <span className="text-purple ml-1">
-                            {task?.price}
+                            {Number(task?.price) * 0.01}
                           </span>
                         </span>
                         <span className="text-sm text-thin-light-gray">
@@ -110,6 +115,11 @@ export default function MyJobTable({ className }) {
                   <div className="text-right py-4 px-2">
                     <button
                       type="button"
+                      onClick={() => {
+                        navigate("/manage-active-job", {
+                          state: {...task, pathname},
+                        });
+                      }}
                       className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                     >
                       Manage