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

Merge branch 'family-offer-info-update' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-07-06 15:41:42 +00:00
committed by Gogs
parent 05865c9274 6c59a24e6e
commit 6ed1466e2b
2 changed files with 42 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Cards/FamilyActiveJobsCard.jsx
-1
View File
@@ -8,7 +8,6 @@ import Icons from "../Helpers/Icons";
export default function FamilyActiveJobsCard({ datas, hidden = false }) { export default function FamilyActiveJobsCard({ datas, hidden = false }) {
let { pathname } = useLocation(); let { pathname } = useLocation();
console.log('TESTING11111',datas)
const [imageUrl, setImageUrl] = useState(""); const [imageUrl, setImageUrl] = useState("");
const [addFavorite, setValue] = useState(false); const [addFavorite, setValue] = useState(false);
src/components/Cards/FamilyOfferCard.jsx
+42 -1
View File
@@ -36,7 +36,7 @@ export default function FamilyOfferCard({ datas, hidden = false, setOfferPopout
{datas.title} {datas.title}
</h1> </h1>
{/* countdown */} {/* countdown */}
<div className="w-full h-[54px] flex justify-evenly items-center p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] "> {/* <div className="w-full h-[54px] flex justify-evenly items-center p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
<div className="flex flex-col justify-between"> <div className="flex flex-col justify-between">
<p className="text-sm text-thin-light-gray dark:text-white tracking-wide"> <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
Task Code Task Code
@@ -54,6 +54,47 @@ export default function FamilyOfferCard({ datas, hidden = false, setOfferPopout
<CountDown lastDate={datas.expire} /> <CountDown lastDate={datas.expire} />
</p> </p>
</div> </div>
</div> */}
<div className="w-full p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
<div className="grid grid-cols-2 gap-2">
<div className="flex flex-col justify-between items-center border-r-2">
<p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
Task Code
</p>
<p className="text-base font-bold tracking-wide text-dark-gray dark:text-white">
{datas.contract}
</p>
</div>
<div className="flex flex-col justify-between items-center">
<p className="text-sm text-red-500 tracking-wide">
Expires
</p>
<p className="text-base font-bold tracking-wide text-dark-gray dark:text-white">
<CountDown lastDate={datas.expire} />
</p>
</div>
</div>
<hr className="my-2" />
<div className="grid grid-cols-2 gap-2">
<div className="flex flex-col justify-between items-center border-r-2">
<p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
Reward
</p>
<p className="text-base font-bold tracking-wide text-dark-gray dark:text-white">
{thePrice}
</p>
</div>
<div className="flex flex-col justify-between items-center">
<p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
Timeline
</p>
<p className="text-base font-bold tracking-wide text-dark-gray dark:text-white">
{`${datas.timeline_days} day(s)`}
</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>