WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

edit job complete with corrected image sizes

Browse Source
This commit is contained in:
Ebube
2023-05-19 17:06:00 +01:00
parent e109b2f8e5 c0aad0a40e
commit f292baae23
11 changed files with 251 additions and 573 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/MyActiveJobTable.jsx
+7 -5
View File
@@ -7,7 +7,7 @@ import { handlePagingFunc } from "../Pagination/HandlePagination";
import PaginatedList from "../Pagination/PaginatedList";
export default function MyActiveJobTable({ MyJobList, className }) {
const navigate = useNavigate()
const navigate = useNavigate();
const filterCategories = ["All Categories", "Explore", "Featured"];
const [selectedCategory, setCategory] = useState(filterCategories[0]);
@@ -51,15 +51,15 @@ export default function MyActiveJobTable({ MyJobList, className }) {
className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50"
>
<td className=" py-4">
<div className="flex space-x-2 items-center">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<div className="flex space-x-2 items-center w-full">
<div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] max-w-[60px]">
<img
src={dataImage2}
alt="data"
className="w-full h-full"
/>
</div>
<div className="flex flex-col">
<div className="flex flex-col flex-[0.9]">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.title}
</h1>
@@ -100,7 +100,9 @@ export default function MyActiveJobTable({ MyJobList, className }) {
<button
type="button"
onClick={() => {
navigate('/manage-active-job', {state:value});
navigate("/manage-active-job", {
state: value,
});
}}
className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>