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

Job filters

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-06-09 22:21:24 -04:00
parent d2738f28d5
commit fe48c962b2
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MarketPlace/MainSection.jsx
+4 -4
View File
@@ -3,7 +3,7 @@ import DataIteration from "../Helpers/DataIteration";
import AvailableJobsCard from "../Cards/AvailableJobsCard"; import AvailableJobsCard from "../Cards/AvailableJobsCard";
export default function MainSection({ className, marketPlaceProduct }) { export default function MainSection({ className, marketPlaceProduct }) {
const [tab, setTab] = useState("explore"); const [tab, setTab] = useState("all");
const [products, setProducts] = useState(marketPlaceProduct); const [products, setProducts] = useState(marketPlaceProduct);
const tabHandler = (value) => { const tabHandler = (value) => {
setTab(value); setTab(value);
@@ -29,14 +29,14 @@ export default function MainSection({ className, marketPlaceProduct }) {
<div className="tab-item lg:mb-0 mb-5"> <div className="tab-item lg:mb-0 mb-5">
<div className="md:flex md:space-x-8 space-x-2"> <div className="md:flex md:space-x-8 space-x-2">
<span <span
onClick={() => tabHandler("explore")} onClick={() => tabHandler("all")}
className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${
tab === "explore" tab === "all"
? "text-pink border-pink" ? "text-pink border-pink"
: " border-transparent" : " border-transparent"
}`} }`}
> >
Explore All
</span> </span>
<span <span
onClick={() => tabHandler("artist")} onClick={() => tabHandler("artist")}