import React, { Fragment, useEffect } from "react";
import ListingInner from "./ListingInner";
import SignUpToExperienceOurPlatform from "../home/SignUpToExperienceOurPlatform";
import LetDiscover from "./LetDiscover";
import { useSelector } from "react-redux";

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 >>>> 123", allActivitiesData);

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

export default Listing;