|
|
|
|
|
|
|
|
import React, { useEffect } from "react"; |
|
|
import React, { useEffect } from "react"; |
|
|
import Navbar from "../../components/MUI/NavbarComponent"; |
|
|
import Navbar from "../../components/MUI/NavbarComponent"; |
|
|
import { ItemDetailsPageContainer } from "./ItemDetailsPage.styled"; |
|
|
import { ItemDetailsPageContainer } from "./ItemDetailsPage.styled"; |
|
|
import { useDispatch } from "react-redux"; |
|
|
|
|
|
import { logoutUser } from "../../store/actions/login/loginActions"; |
|
|
|
|
|
import Mockupdata from "../../components/Cards/FilterCard/Mockupdata"; |
|
|
import Mockupdata from "../../components/Cards/FilterCard/Mockupdata"; |
|
|
import qs from "query-string"; |
|
|
import qs from "query-string"; |
|
|
import { useHistory } from "react-router-dom"; |
|
|
import { useHistory } from "react-router-dom"; |
|
|
import { setFilters } from "../../store/actions/filters/filtersActions"; |
|
|
import { setFilters } from "../../store/actions/filters/filtersActions"; |
|
|
|
|
|
import { useDispatch,useSelector } from "react-redux"; |
|
|
import ItemDetails from "../../components/ItemDetails/ItemDetails"; |
|
|
import ItemDetails from "../../components/ItemDetails/ItemDetails"; |
|
|
import ItemDetailsLayout from "../../layouts/ItemDetailsLayout/ItemDetailsLayout"; |
|
|
import ItemDetailsLayout from "../../layouts/ItemDetailsLayout/ItemDetailsLayout"; |
|
|
import UserReviewsCard from "../../components/UserReviewsCard/UserReviewsCard"; |
|
|
import UserReviewsCard from "../../components/UserReviewsCard/UserReviewsCard"; |
|
|
|
|
|
import { fetchOneOffer } from "../../store/actions/offers/offersActions"; |
|
|
|
|
|
import { selectOffer } from "../../store/selectors/offersSelectors"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const ItemDetailsPage = () => { |
|
|
const ItemDetailsPage = () => { |
|
|
|
|
|
|
|
|
const dispatch = useDispatch(); |
|
|
const dispatch = useDispatch(); |
|
|
|
|
|
const offer = useSelector(selectOffer); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
dispatch(fetchOneOffer()); |
|
|
|
|
|
console.log(offer); |
|
|
|
|
|
}, []) |
|
|
|
|
|
|
|
|
//const routetMatch = useRouteMatch(); |
|
|
//const routetMatch = useRouteMatch(); |
|
|
const history = useHistory(); |
|
|
const history = useHistory(); |
|
|
|
|
|
|
|
|
console.log("iz useeffect: ", { category, subcategory, cities }); |
|
|
console.log("iz useeffect: ", { category, subcategory, cities }); |
|
|
dispatch(setFilters({ category, subcategory, cities })); |
|
|
dispatch(setFilters({ category, subcategory, cities })); |
|
|
}, [history.location.search]); |
|
|
}, [history.location.search]); |
|
|
const handleCl = () => { |
|
|
|
|
|
dispatch(logoutUser()); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<ItemDetailsPageContainer> |
|
|
<ItemDetailsPageContainer> |
|
|
<button onClick={handleCl}>Dugme</button> |
|
|
|
|
|
<Navbar /> |
|
|
<Navbar /> |
|
|
{/* right card mora mi bude Review Card */} |
|
|
{/* right card mora mi bude Review Card */} |
|
|
<ItemDetailsLayout content={<ItemDetails />} rightCard={<UserReviewsCard />} /> |
|
|
<ItemDetailsLayout content={<ItemDetails />} rightCard={<UserReviewsCard />} /> |