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

first commit

Browse Source
This commit is contained in:
Olu Amey
2023-02-07 07:00:04 -05:00
parent 9b2145ff00
commit f437f27b66
17 changed files with 436 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/HomeTaskDisplay.jsx
+53
View File
@@ -0,0 +1,53 @@
import React, { useState } from "react";
import MarketVisitorAnalytic from "../Charts/MarketVisitorAnalytic";
import SelectBox from "../Helpers/SelectBox";
import SellHistoryWidget from "./SellHistoryWidget";
import HomeJobCard from "../Cards/HomeJobCard";
export default function HomeTaskDisplay({ jobData,className }) {
return (
<div
className={`sell-history-market-visitor-analytic w-full ${
className || ""
}`}
>
<div className="content-wrapper w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
<div className="flex-1 ">
<div className="market-visitor w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow">
<HomeJobCard
title="Clean the whole house"
/>
</div>
</div>
<div className="lg:w-1/2 w-full mb-10 lg:mb-0">
<div className="market-visitor w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow">
<HomeJobCard
title="Clean the Town"
/>
</div>
</div>
</div>
<div className="content-wrapper w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
<div className="flex-1 ">
<div className="market-visitor w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow">
<HomeJobCard
title="Clean the whole house"
/>
</div>
</div>
<div className="lg:w-1/2 w-full mb-10 lg:mb-0">
<div className="market-visitor w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow">
<HomeJobCard
title="Clean the Town"
/>
</div>
</div>
</div>
</div>
);
}
src/components/Home/index.jsx
+15 -4
View File
@@ -7,18 +7,29 @@ import SellHistoryMarketVisitorAnalytic from "./SellHistoryMarketVisitorAnalytic
import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
import TrendingSection from "./TrendingSection";
import UpdateTable from "./UpdateTable";
import HomeTaskDisplay from "./HomeTaskDisplay";
import UsersService from "../../services/UsersService";
import usersService from "../../services/UsersService";
export default function Home() {
const trending = datas.datas;
const jobData = datas.datas; // api calls or cache
//getHomeDate
const userApi = new usersService();
const homeData = userApi.getHomeDate();
return (
<Layout>
<div className="home-page-wrapper">
{/* <Hero className="mb-10" />
<CreateNft />
<Hero className="mb-10" />
{/* <CreateNft />
<TrendingSection trending={trending} className="mb-10" />*/}
<SellHistoryMarketVisitorAnalytic className="mb-10"/> {/* <TopSellerTopBuyerSliderSection className="mb-10" /> */}
<UpdateTable className="mb-10"/>
<HomeTaskDisplay
jobData={jobData}
className="mb-10"/>
{/* <SellHistoryMarketVisitorAnalytic className="mb-10"/>
<TopSellerTopBuyerSliderSection className="mb-10" />
<UpdateTable className="mb-10"/>*/}
</div>
</Layout>
);