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

.

Browse Source
This commit is contained in:
Ebube
2023-05-22 18:25:00 +01:00
parent dab4bb1dd3
commit 456e7ecad0
1 changed files with 64 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/Sidebar.jsx
+64 -69
View File
@@ -161,17 +161,17 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
</div> </div>
</div> </div>
)} )}
{userDetails?.account_type !== "FAMILY" && (
<> <>
{!userDetails?.post_jobs ? ( {!userDetails?.post_jobs ? (
<div className="menu-setting-items mb-11"> <div className="menu-setting-items mb-11">
{/* menus item */} {/* menus item */}
<div <div
className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${ className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
sidebar ? "mb-14" : "rounded-none p-0" sidebar ? "mb-14" : "rounded-none p-0"
}`} }`}
> >
{/* <div className="setting-item"> {/* <div className="setting-item">
<div className="top-platform bg-pink dark:bg-dark-white rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none border"> <div className="top-platform bg-pink dark:bg-dark-white rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none border">
<NavLink to="/start-job"> <NavLink to="/start-job">
<span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1"> <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
@@ -180,42 +180,41 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
</NavLink> </NavLink>
</div> </div>
</div> */} </div> */}
<div className="items"> <div className="items">
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-purple">
Job Post Job Post
</h1> </h1>
</div> </div>
<ul className="flex flex-col space-y-6"> <ul className="flex flex-col space-y-6">
<li className="item group"> <li className="item group">
<NavLink <NavLink
to="/start-job" to="/start-job"
className={`nav-item flex items-center ${ className={`nav-item flex items-center ${
((navData) => (navData.isActive ? "active" : ""), ((navData) => (navData.isActive ? "active" : ""),
sidebar sidebar
? "justify-start space-x-3.5" ? "justify-start space-x-3.5"
: "justify-center") : "justify-center")
}`}
>
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="people-two" />
</span>
<span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
sidebar ? "active flex-1" : "w-0"
}`} }`}
> >
Enable Job Post <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
</span> <Icons name="people-two" />
</NavLink> </span>
</li> <span
</ul> className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
sidebar ? "active flex-1" : "w-0"
}`}
>
Enable Job Post
</span>
</NavLink>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> ) : jobLists?.result_list?.length ? (
) : jobLists?.result_list?.length ? ( <>
<>
{userDetails?.account_type !== "FAMILY" && (
<div className="setting-item"> <div className="setting-item">
<div className="heading mb-5"> <div className="heading mb-5">
<h1 className="title text-xl font-bold text-purple"> <h1 className="title text-xl font-bold text-purple">
@@ -252,26 +251,28 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
</ul> </ul>
</div> </div>
</div> </div>
)} </>
</> ) : (
) : ( <div className="setting-item">
<div className="setting-item"> <div className="heading mb-5">
<div className="heading mb-5"> <h1 className="title text-xl font-bold text-purple">
<h1 className="title text-xl font-bold text-purple">My Jobs</h1> My Jobs
</h1>
</div>
<div className="items">
<ul className="flex flex-col space-y-6">
<ListItem
title="Add Job"
route="/add-job"
iconName="people-two"
sidebar={sidebar}
/>
</ul>
</div>
</div> </div>
<div className="items"> )}
<ul className="flex flex-col space-y-6"> </>
<ListItem )}
title="Add Job"
route="/add-job"
iconName="people-two"
sidebar={sidebar}
/>
</ul>
</div>
</div>
)}
</>
</div> </div>
{/* signout area */} {/* signout area */}
{sidebar ? ( {sidebar ? (
@@ -338,13 +339,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
); );
} }
const ListItem = ({ const ListItem = ({ sidebar, route, title, bubble, iconName }) => {
sidebar,
route,
title,
bubble,
iconName,
}) => {
return ( return (
<li className={`item group`}> <li className={`item group`}>
<NavLink <NavLink