import React, { Fragment, useEffect } from "react";
// import ListingInner from "./ListingInner";
// import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform";
// import LetDiscover from "./LetDiscover";
import { useSelector } from "react-redux";
import dynamic from "next/dynamic";
const LetDiscover = dynamic(() => import("./LetDiscover"));
const ListingInner = dynamic(() => import("./ListingInner"));
const SignUpToExperienceOurPlatform = dynamic(() => import("../home/SignUpToExperienceOurPlatform"));

const Listing = () => {
  const { allActivitiesData, loading, totalCount } = useSelector(sate => sate.allActivitiesData);
  const { categories } = useSelector(sate => sate.categories);
  const { subCategories } = useSelector(sate => sate.subCategories);

  console.log("allActivitiesData >>>>", allActivitiesData);

  return (
    <Fragment>
      <main>
        <LetDiscover categories={categories} subCategories={subCategories} />
        <ListingInner allActivitiesData={allActivitiesData} loading={loading} totalCount={totalCount} />
        <SignUpToExperienceOurPlatform />
      </main>
    </Fragment>
  );
};

export default Listing;