trampa-frontend/src/components/MarketPlace/MarketPlace.js

import React, { useState } from "react";
import PropTypes from "prop-types";
import { MarketPlaceContainer } from "./MarketPlace.styled";
import Header from "./Header/Header";
import Offers from "./Offers/Offers";

const MarketPlace = (props) => {
  const [isGrid, setIsGrid] = useState(false);
  const offers = props.offers;
  console.log("MARKETPLACE");
  return (
    <MarketPlaceContainer>
      <Header
        isGrid={isGrid}
        setIsGrid={setIsGrid}
        myOffers={props.myOffers}
        sorting={props.offers.sorting}
        offers={props.offers}
        skeleton={props.skeleton}
        isAdmin={props.isAdmin}
        users={props.users}
      />
      <Offers
        isGrid={isGrid}
        myOffers={props.myOffers}
        skeleton={props.skeleton}
        offers={offers}
        toggleFilters={props.toggleFilters}
        isAdmin={props.isAdmin}
        isUsers={props.users}
        users={props.allUsers}
      />
    </MarketPlaceContainer>
  );
};

MarketPlace.propTypes = {
  children: PropTypes.node,
  myOffers: PropTypes.bool,
  skeleton: PropTypes.bool,
  offers: PropTypes.any,
  toggleFilters: PropTypes.func,
  isAdmin: PropTypes.bool,
  users: PropTypes.bool,
  allUsers: PropTypes.array,
};
MarketPlace.defaultProps = {
  offers: {
    sorting: {},
    filters: {
      numOfFiltersChosen: 0,
    },
  },
};

export default MarketPlace;