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

Kids waiting

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-06-30 23:41:09 -04:00
parent ced88fa497
commit f8a3e42fe6
3 changed files with 99 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/kids-waiting.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

src/components/Home/FamilyDash.jsx
+4 -2
View File
@@ -3,7 +3,8 @@ import datas from "../../data/product_data.json";
import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
import CommonHead from "../UserHeader/CommonHead";
import FamilyActiveLSlde from "./FamilyActiveLSlde";
import OverviewSection from "../ActiveBids/OverviewSection";
import ParentWaiting from "../MyPendingJobs/ParentWaiting";
export default function FamilyDash(props) {
@@ -18,7 +19,8 @@ export default function FamilyDash(props) {
commonHeadData={props.commonHeadData}
/>
<FamilyActiveLSlde trending={trending} className="mb-10" />
<TopSellerTopBuyerSliderSection className="mb-10" />
{/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
<ParentWaiting className="mb-10" />
</div>
</div>
);
src/components/MyPendingJobs/ParentWaiting.jsx
+95
View File
@@ -0,0 +1,95 @@
import React, { useState } from "react";
import { Link } from "react-router-dom";
import { toast } from "react-toastify";
import activeAidsBanner from "../../assets/images/kids-waiting.jpg";
import HeroUser from "../../assets/images/hero-user.png";
import CountDown from "../Helpers/CountDown";
export default function ParentWaiting({ className }) {
const [addFavorite, setValue] = useState(false);
const favoriteHandler = () => {
if (!addFavorite) {
setValue(true);
toast.success("Added to Favorite List");
} else {
setValue(false);
toast.warn("Remove to Favorite List");
}
};
return (
<>
<div className={`overview-section w-full ${className || ""}`}>
<div>
<h1 className="text-26 font-bold text-dark-gray dark:text-white">Waiting for Parent to Get Started...</h1>
</div>
<div className="overview-section-wrapper lg:flex lg:h-[494px] lg:pace-x-2">
<div className="lg:w-[540px] w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden mb-10">
<img
src={activeAidsBanner}
alt="banner"
className="w-full lg:h-full h-[400px]"
/>
</div>
<div className="overview-countdown lg:w-2/5 w-full h-full flex flex-col justify-between lg:pl-11 lg:py-16">
<div className="lg:mb-0 mb-3">
<h1 className="text-2xl font-bold text-dark-gray dark:text-white tracking-wide">
Lock and Lob x Fiesta Spurs
</h1>
<span className="text-[18px] font-thin tracking-wide text-dark-gray dark:text-white">
ID : 2320382
</span>
</div>
{/* user */}
<div className="flex items-center space-x-3 lg:mb-0 mb-3">
<div className="w-14 h-14 flex justify-center items-center rounded-full overflow-hidden">
<img src={HeroUser} alt="" />
</div>
<div>
<p className="text-xl tracking-wide font-bold antise text-dark-gray dark:text-white">
Brokln Simons
</p>
<p className="text-sm tracking-wide text-dark-gray dark:text-white">
@broklinslam_75
</p>
</div>
</div>
<div className="flex space-x-3 items-center">
<button
onClick={favoriteHandler}
type="button"
className={`w-[52px] h-[52px] rounded-full bg-white flex justify-center items-center ${
addFavorite ? "text-pink" : " text-dark-gray "
}`}
>
<svg
width="26"
height="24"
viewBox="0 0 26 24"
fill="none"
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7.23431 0C8.44147 0.0182463 9.6223 0.345711 10.6576 0.949325C11.6928 1.55294 12.5458 2.41133 13.1305 3.4378C13.7151 2.41133 14.5681 1.55294 15.6034 0.949325C16.6386 0.345711 17.8195 0.0182463 19.0266 0C20.951 0.0812475 22.764 0.899302 24.0697 2.27544C25.3753 3.65158 26.0674 5.47395 25.9948 7.3444C25.9948 14.4023 14.2497 22.5541 13.7501 22.8999L13.1305 23.326L12.5108 22.8999C12.0113 22.5562 0.266127 14.4023 0.266127 7.3444C0.193496 5.47395 0.885607 3.65158 2.19126 2.27544C3.4969 0.899302 5.30996 0.0812475 7.23431 0Z" />
</svg>
</button>
<button
type="button"
className="btn-shine w-[116px] h-[46px] text-white rounded-full text-base bg-pink flex justify-center items-center"
>
Place a Bid
</button>
<Link to="/market-place" className="text-blue-500 text-base">
<span className=" border-b dark:border-[#5356fb29] lue-500">
View Art Work
</span>
</Link>
</div>
</div>
</div>
</div>
</>
);
}