import React from "react";
import datas from "../../data/product_data.json";
import Hero from "./Hero";
// import HomeTaskDisplay from "./HomeTaskDisplay";
import usersService from "../../services/UsersService";
import { useSelector } from "react-redux";
// import SellHistoryMarketVisitorAnalytic from './SellHistoryMarketVisitorAnalytic';
// import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
//import UpdateTable from "./UpdateTable";
import HomeActivities from "./HomeActivities";

export default function FullAccountDash(props) {
  console.log("PROPS IN HOME->", props);

  const trending = datas.datas;
  const jobData = datas.datas; // api calls or cache

  const userApi = new usersService();

  const { userDetails } = useSelector((state) => state?.userDetails);

  return (
    <div>
      <div className="home-page-wrapper">
        <Hero
          className="mb-10"
          data={userDetails}
          bannerList={props.bannerList}
          nextDueTask={props.nextDueTask}
        />
        <HomeActivities className="mb-10" />
        {/*<UpdateTable className="mb-10"/>*/}
        {/*<SellHistoryMarketVisitorAnalytic className="mb-10"/>*/}
        {/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}

        {/*<HomeTaskDisplay*/}
        {/*    jobData={jobData}*/}
        {/*    className="mb-10"*/}
        {/*    bannerList={props.bannerList}*/}
        {/*/>*/}
      </div>
    </div>
  );
}
// /*
//      <Layout>
//             <div className="home-page-wrapper">
//                 <Hero className="mb-10" data={userDetails} />
//                 {/* <CreateNft />
//         <TrendingSection trending={trending} className="mb-10" />*/}
// <HomeTaskDisplay
//     jobData={jobData}
//     className="mb-10"
//     bannerList={props.bannerList}
// />
{
  /*  <SellHistoryMarketVisitorAnalytic className="mb-10"/>
                <TopSellerTopBuyerSliderSection className="mb-10" />
                <UpdateTable className="mb-10"/>*/
}
// </div>
// </Layout>