Not finished yety

src/App.js

   useEffect(() => {
     socketInit(userId);
   }, [userId]);
-
   return (
     <Router history={history}>
       <Helmet>

src/components/Cards/FilterCard/Choser/CategoryChoser/CategoryChoser.js

 
   useEffect(() => {
     if (
-      !filters.category.selectedCategoryLocally ||
+      (filters.category.selectedCategoryLocally &&
+        !("_id" in filters.category.selectedCategoryLocally)) ||
       (filters.category.selectedCategoryLocally?._id === 0 && !isOpened)
     ) {
       setIsOpened(false);

src/components/Cards/FilterCard/Choser/CompanyChoser/CompanyChoser.js

 
 const CompanyChoser = forwardRef((props, ref) => {
   const [isOpened, setIsOpened] = useState(false);
+  const [appliedFilters, setAppliedFilters] = useState(false);
   const filters = props.filters;
   const { t } = useTranslation();
 
     }
   }, [filters.companies.selectedCompaniesLocally]);
 
+  useEffect(() => {
+    if (appliedFilters) {
+      props?.offers?.apply();
+      setAppliedFilters(false);
+    }
+  }, [filters.companies.selectedCompaniesLocally]);
+
+  const handleSetItemsSelected = (items) => {
+    filters.companies.setSelectedCompanies(items);
+    setAppliedFilters(true);
+  };
+
   return (
     <FilterSubDropdown
       searchPlaceholder={t("filters.company.placeholder")}
       handleOpen={() => setIsOpened((prevIsOpened) => !prevIsOpened)}
       icon={<CompanyIcon />}
       title={t("filters.company.title")}
-      setItemsSelected={filters.companies.setSelectedCompanies}
+      setItemsSelected={handleSetItemsSelected}
       companies
       offers={props.offers}
     />

src/components/Cards/FilterCard/Choser/LocationChoser/LocationChoser.js

 
 const LocationChoser = forwardRef((props, ref) => {
   const { t } = useTranslation();
+  const [appliedFilters, setAppliedFilters] = useState(false);
   const [isOpened, setIsOpened] = useState(false);
   const filters = props.filters;
 
       setIsOpened(true);
     }
   }, [filters.locations.selectedLocationsLocally]);
+
+  useEffect(() => {
+    if (appliedFilters) {
+      props?.offers?.apply();
+      setAppliedFilters(false);
+    }
+  }, [appliedFilters]);
+
+  const handleSetItemsSelected = (items) => {
+    filters.locations.setSelectedLocations(items);
+    setAppliedFilters(true);
+  };
   return (
     <FilterCheckboxDropdown
       searchPlaceholder={t("filters.location.placeholder")}
       handleOpen={() => setIsOpened((prevIsOpened) => !prevIsOpened)}
       icon={<LocationIcon />}
       title={t("filters.location.title")}
-      setItemsSelected={filters.locations.setSelectedLocations}
+      setItemsSelected={handleSetItemsSelected}
       offers={props.offers}
     />
   );

src/components/Cards/FilterCard/Choser/SubcategoryChoser/SubcategoryChoser.js

   useEffect(() => {
     if (props?.queryStringHook?.isInitiallyLoaded || props.myOffers) {
       if (
-        !filters.category.selectedCategoryLocally ||
+        (filters.category.selectedCategoryLocally &&
+          !("_id" in filters.category.selectedCategoryLocally)) ||
         filters.category.selectedCategoryLocally?._id === 0
       ) {
         setIsOpened(false);
       }
     } else {
       if (
-        !filters.subcategory.selectedSubcategoryLocally ||
+        (filters.subcategory.selectedSubcategoryLocally &&
+          !("_id" in filters.subcategory.selectedSubcategoryLocally)) ||
         filters.subcategory.selectedSubcategoryLocally?._id === 0
       ) {
         setIsOpened(false);
         if (
-          !filters.category.selectedCategoryLocally ||
+          (filters.category.selectedCategoryLocally &&
+            !("_id" in filters.category.selectedCategoryLocally)) ||
           filters.category.selectedCategoryLocally?._id === 0
         ) {
           setIsDisabled(true);

src/components/Cards/FilterCard/FilterDropdown/Checkbox/CheckboxDropdownList/CheckboxDropdownList.js

   const data = props.data;
   const [isOpened, setIsOpened] = useState(false);
   const handleDelete = (item) => {
-    props.setItemsSelected([...props.filters.filter((p) => p !== item)]);
-    props.offers.applyFilters();
+    console.log(item);
+    console.log(props.filters)
+    props.setItemsSelected([...props.filters.filter((p) => p?._id !== item?._id)]);
   };
   const handleOpen = () => {
     setIsOpened((prevState) => !prevState);

src/components/Cards/FilterCard/FilterDropdown/Checkbox/FilterSubDropdown/FilterSubDropdown.js

       filters={props.filters}
       icon={props.icon}
       data={data}
+      offers={props?.offers}
       searchPlaceholder={props.searchPlaceholder}
       open={props?.open !== undefined ? props.open : isOpened}
       handleOpen={handleOpen}

src/components/Cards/FilterCard/FilterDropdown/Radio/FilterRadioDropdown.js

                 label={props.firstOption.label}
                 // number={item.numberOfProducts}
                 fullWidth
-                checked={!props.selected || props.selected._id === 0}
+                checked={
+                  (props?.selected && !("_id" in props?.selected)) ||
+                  props?.selected?._id === 0
+                }
                 onChange={props.setSelected}
               />
             </DropdownItem>

src/components/Cards/ItemDetailsCard/ItemDetailsCard.js

   const dispatch = useDispatch();
   const offer = useMemo(() => {
     if (props.offer) {
-      if (props.offer._id === routeMatch.params?.offerId && !props?.createOffer) {
+      if (
+        props.offer._id === routeMatch.params?.offerId &&
+        !props?.createOffer
+      ) {
         return props.offer;
       }
       if (props.createOffer) return props.offer.offer;
             <DateButtonsContainer>
               {props.isMyOffer && (
                 <ButtonsContainer>
-                  <PinIconContainer onClick={showPinOfferModalHandler}>
-                    {offer?.pinned ? <UnpinIcon /> : <PinIcon />}
-                  </PinIconContainer>
+                  {props?.isAdmin && (
+                    <PinIconContainer onClick={showPinOfferModalHandler}>
+                      {offer?.pinned ? <UnpinIcon /> : <PinIcon />}
+                    </PinIconContainer>
+                  )}
                   <EditIconContainer onClick={showEditOfferModalHandler}>
                     <EditIcon />
                   </EditIconContainer>

src/components/Cards/ItemDetailsCard/OfferDetails/OfferDetails.js

   const [images, setImages] = useState([]);
   const [imagesCarouselModal, setImagesCarouselModal] = useState(false);
 
-
   useEffect(() => {
     if (props?.offer?.images) {
       props.offer.images.map((file) => {
         }
       });
     }
+    return () => {
+      setImages([]);
+    };
   }, [props?.offer?.images]);
   const date = formatDateLocale(new Date(offer?._created));
   const onModalClose = () => {
         </OfferInfoContainer>
       </Details>
       {imagesCarouselModal && (
-        <ImagesCarousel offer={props.offer} images={images} onModalClose={onModalClose} />
+        <ImagesCarousel
+          offer={props.offer}
+          images={images}
+          onModalClose={onModalClose}
+        />
       )}
     </>
   );

src/components/Cards/OfferCard/DeleteOffer/OfferDescription/OfferDescription.js

 import {
   CategoryIcon,
   CategoryIconContainer,
+  OfferCategoryContainer,
   OfferDescriptionCategory,
   OfferDescriptionContainer,
   OfferDescriptionTitle,
   return (
     <OfferDescriptionContainer>
       <OfferDescriptionTitle>{props.offerName}</OfferDescriptionTitle>
-      <OfferDescriptionCategory>
+      <OfferCategoryContainer>
         <CategoryIconContainer
           color={selectedTheme.colors.iconStrokeDisabledColor}
           component="span"
         >
           <CategoryIcon />
         </CategoryIconContainer>
-        {props.categoryName}
-      </OfferDescriptionCategory>
+        <OfferDescriptionCategory>
+          {props.categoryName}
+        </OfferDescriptionCategory>
+      </OfferCategoryContainer>
     </OfferDescriptionContainer>
   );
 };

src/components/Cards/OfferCard/DeleteOffer/OfferDescription/OfferDescription.styled.js

   font-family: ${selectedTheme.fonts.textFont};
   color: ${selectedTheme.colors.primaryDarkText};
 `;
+export const OfferCategoryContainer = styled(Box)`
+  display: flex;
+  flex-direction: row;
+  white-space: nowrap;
+`
 
 export const CategoryIconContainer = styled(Icon)`
   margin-right: 4px;
   position: relative;
   top: 2px;
+  display: inline;
   & svg {
     width: 14px;
     position: relative;
-    top: -6px;
+    top: -4px;
   }
 `;
 export const CategoryIcon = styled(Category)``;

src/components/Cards/OfferCard/OfferCard.js

           })
         );
       } else {
-        history.push(
-          replaceInRoute(ITEM_DETAILS_PAGE, {
+        history.push({
+          pathname: replaceInRoute(ITEM_DETAILS_PAGE, {
             offerId: itemId,
-          })
-        );
+          }),
+          state: {
+            view: true,
+          },
+        });
       }
     }
   };

src/components/Cards/ProfileCard/ProfileControl/ProfileControl.js

     );
   };
   const handleEditProfile = () => {
-    if (!props.profile?._blocked) {
+    console.log("edit")
+    console.log(props)
+    if (!props.profile?._blocked || props?.isAdmin) {
+      console.log("edit2")
       dispatch(
         toggleEditProfileModal({
           userId: props.profile._id,
       );
     }
   };
+  console.log(props)
   return (
     <ButtonsContainer>
-      {props.profile?._blocked && !props.isMobile && <BlockedProfile />}
+      {props.profile?._blocked && !props.isMobile && !props?.isAdmin && <BlockedProfile />}
       {props.isAdmin && (
         <>
           {props.profile?._blocked ? (

src/components/CreateReview/CreateReview.js

 import FirstStepCreateReview from "./FirstStep/FirstStepCreateReview";
 import SecondStepCreateReview from "./SecondStep/SecondStepCreateReview";
 import ThirdStepCreateReview from "./ThirdStep/ThirdStepCreateReview";
-import { useDispatch, useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
 import { giveReview } from "../../store/actions/review/reviewActions";
-import { selectUserId } from "../../store/selectors/loginSelectors";
 import { reviewEnum } from "../../enums/reviewEnum";
 import { fetchExchange } from "../../store/actions/exchange/exchangeActions";
 import { closeModal } from "../../store/actions/modal/modalActions";
   const [informations, setInformations] = useState({});
   const [currentStep, setCurrentStep] = useState(1);
   const dispatch = useDispatch();
-  const userId = useSelector(selectUserId);
   const closeModalHandler = () => {
     dispatch(closeModal());
   };
-  setTimeout(() => {
-    dispatch(closeModal());
-  }, 3000);
   const handleApiResponseSuccess = () => {
     dispatch(fetchExchange(props.exchange._id));
   };
     dispatch(
       giveReview({
         review: {
-          exchangeId: props.exchange._id,
-          userId: userId,
+          exchange: {
+            _id: props.exchange._id,
+          },
           succeeded,
           communication,
           message: informations.comment,

src/components/CreateReview/ThirdStep/ThirdStepCreateReview.js

   ThirdStepCreateReviewContainer,
 } from "./ThirdStepCreateReview.styled";
 import { useTranslation } from "react-i18next";
+import { useDispatch } from "react-redux";
+import { closeModal } from "../../../store/actions/modal/modalActions";
 
 const ThirdStepCreateReview = () => {
   const { t } = useTranslation();
+  const dispatch = useDispatch();
+  setTimeout(() => {
+    dispatch(closeModal());
+  }, 3000);
   return (
     <ThirdStepCreateReviewContainer>
       <LogoImage />

src/components/DirectChat/DirectChat.js

   };
   const handleAcceptExchangeSuccess = () => {
     let interlocutor = userId === chat?.participants[0]._id ? 1 : 0;
-    console.log("accept salje i prima 3 POZVANA RESPONSE FUNKCIJA")
     acceptExchangeSocket(
       chat?._id,
       userId,
       chat?.participants[interlocutor]._id,
       () => {
-        console.log("accept salje i prima 4 SOCKET FUNKCIJA")
         dispatch(
           addNewMessage({
             _id: chat?._id,

src/components/DirectChat/DirectChatHeader/DirectChatHeader.js

 
   const isDisabledReviews = useMemo(() => {
     if (!exchange.valid) return true;
-    if (exchange.seller?.userId === userId && exchange.seller?.givenReview)
+    if (exchange.seller?.user._id === userId && exchange.seller?.givenReview)
       return true;
-    if (exchange.buyer?.userId === userId && exchange.buyer?.givenReview)
+    if (exchange.buyer?.user._id === userId && exchange.buyer?.givenReview)
       return true;
     return false;
   }, [exchange, userId]);

src/components/ItemDetails/ItemDetailsHeaderCard/ItemDetailsHeaderCard.js

   };
   const messageUser = (offer) => {
     const chatItem = chats.find(
-      (item) => item.chat.offerId === offer?._id
+      (item) => item.offer._id === offer?._id
     );
     if (chatItem !== undefined) {
       history.push(DIRECT_CHAT_PAGE, {
-        chatId: chatItem.chat._id
+        chatId: chatItem._id
       });
     } else {
-      if (offer?.userId !== userId) {
+      if (offer?.user?._id !== userId) {
         history.push(`/messages/newMessage`, {
           offerId: offer?._id,
         });

src/components/MarketPlace/Header/TooltipHeader/TooltipHeader.js

   const handleClickCategory = () => {
     props?.offers?.filters?.locations.clear();
     props?.offers?.filters?.subcategory.clear();
+    props?.offers?.filters?.companies?.clear();
     props?.offers?.applyFilters();
   };
   const handleClickSubcategory = () => {
     props?.offers?.filters?.locations.clear();
+    props?.offers?.filters?.companies?.clear();
     props?.offers?.applyFilters();
   };
   const goBack = () => {

src/components/MarketPlace/Offers/Offers.js

 const Offers = (props) => {
   const offers = props?.offers;
   const arrayForMapping = Array.apply(null, Array(4)).map(() => {});
+  console.log("rerender")
+
   return (
     <>
       <OffersFilterButton />
       <OffersSearchField />
-      <OffersNotFound />
+      <OffersNotFound skeleton={props?.skeleton} />
       <OffersList
         loading={props?.skeleton}
         offers={offers}

src/components/MarketPlace/Offers/OffersList/OffersList.js

                 offer={item}
                 halfwidth={props?.isGrid}
                 messageUser={messageOneUser}
-                isMyOffer={item?.userId === userId || props?.isAdmin}
+                isMyOffer={item?.user._id === userId || props?.isAdmin}
                 isAdmin={props?.isAdmin}
               />
             );

src/components/Profile/ProfileOffers/ProfileOffers.js

   const dispatch = useDispatch();
   const searchRef = useRef(null);
 
+  useEffect(() => {
+    return () => {
+      dispatch(setProfileOffers([]));
+    };
+  }, []);
+
   useEffect(() => {
     dispatch(
       fetchProfileOffers({
         sortOption: sortOption,
         append: isMobile && append,
         page: paging.currentPage,
+        isAdmin: props?.isAdmin,
       })
     );
     setAppend(true);
           <ProfileOffersHeaderSkeleton />
           {isMobile ? (
             <SkeletonContainer>
-              <SkeletonOfferCard vertical />
-              <SkeletonOfferCard vertical />
-              <SkeletonOfferCard vertical />
+              <SkeletonOfferCard vertical skeleton />
+              <SkeletonOfferCard vertical skeleton />
+              <SkeletonOfferCard vertical skeleton />
             </SkeletonContainer>
           ) : (
             <>
               {arrayForMapping.map((item, index) => (
-                <SkeletonOfferCard key={index} />
+                <SkeletonOfferCard key={index} skeleton />
               ))}
             </>
           )}

src/hooks/useOffers/useMyOffers.js

 import useSorting from "./useSorting";
 
 const useMyOffers = () => {
+  const applyFilters = () => {
+    paging.changePage(1);
+    setAppliedFilters(false);
+  };
   const filters = useFilters(true);
   const sorting = useSorting();
   const mineOffers = useSelector(selectMineOffers);
     setAppliedFilters(false);
   }
 
-  const applyFilters = () => {
-    paging.changePage(1);
-    setAppliedFilters(false);
-  };
-
   // Filter, search and sort all mine offers
   const allOffersToShow = useMemo(() => {
     let mineOffersFiltered = [...mineOffers];

src/initialValues/createOfferInitialValues/secondPartCreateOfferInitialValues.js

 export default (informations, offer, images) => ({
   images: informations?.image || offer?.images || images,
-  condition: informations?.condition || offer?.condition || "default",
+  condition:
+    informations?.condition ||
+    (typeof offer?.condition === "string" &&
+      offer?.condition?.charAt(0)?.toUpperCase() +
+        offer?.condition?.slice(1)) ||
+    "default",
 });

src/pages/ItemDetailsPage/ItemDetailsPageMUI.js

 import UserReviews from "../../components/UserReviews/UserReviews";
 import { selectOffer } from "../../store/selectors/offersSelectors";
 import ProfileMini from "../../components/ProfileMini/ProfileMini";
+import history from "../../store/utils/history";
 
 const ItemDetailsPage = (props) => {
   const dispatch = useDispatch();
   const offerId = props.match.params.offerId;
 
   useEffect(() => {
-    dispatch(fetchOneOffer(offerId));
+    const view = history?.location?.state?.view;
+    console.log(view)
+    dispatch(fetchOneOffer({ offerId, view }));
     () => dispatch(clearSelectedOffer());
   }, []);
 

src/request/apiEndpoints.js

     setFingerprint: "/affiliate/fingerprint",
   },
   offers: {
-    getOneOffer: "offers",
+    getOneOffer: "offers/{offerId}",
     getOffers: "offers",
     getFeaturedOffers: "offers/featured",
     addOffer: "/users/{userId}/offers",
     locations: "locations",
     mineOffers: "users",
     profileOffers: "users/{userId}/offers",
+    profileOffersAsAdmin: "admin/users/{userId}/offers",
     removeOffer: "/users/{userId}/offers/{offerId}",
     removeOfferAsAdmin: "/admin/offers/{offerId}",
     pinOffer: "admin/offers/{id}/pin",
   exchange: {
     getExchange: "exchanges",
     validateExchange: "exchanges",
-    acceptExchange: "users/{userId}/exchanges/{exchangeId}/accept"
+    acceptExchange: "users/{userId}/exchanges/{exchangeId}/accept",
   },
   reviews: {
     getUserReviews: "/users/{userId}/reviews",

src/request/index.js

 import axios from "axios";
-import queryString from "qs";
+// import queryString from "qs";
 
 const request = axios.create({
   // baseURL: "http://192.168.88.150:3001/", // DJOLE
   // baseURL: "http://192.168.88.175:3005/",
   // baseURL: "http://192.168.88.143:3001/", // DULE
   // baseURL: "https://trampa-api.dilig.net/",
-  // baseURL: "https://trampa-api-test.dilig.net/",
-  baseURL: "http://localhost:3001/",
+  baseURL: "https://trampa-api-test.dilig.net/",
+  // baseURL: "http://localhost:3001/",
   // baseURL: process.env.REACT_APP_BASE_API_URL,
   headers: {
     "Content-Type": "application/json",
   },
   // withCredentials: true,
-  paramsSerializer: (params) =>
-    queryString.stringify(params, { arrayFormat: "comma" }),
+  // paramsSerializer: (params) =>
+  //   queryString.stringify(params, { arrayFormat: "comma" }),
 });
 
 export const getRequest = (url, params = null, options = null) => {

src/request/offersRequest.js

   return getRequest(apiEndpoints.offers.getOffers);
 };
 export const attemptFetchOneOffer = (payload) => {
-  const url = `${apiEndpoints.offers.getOneOffer}/${payload}`;
-  return getRequest(url);
+  return getRequest(
+    replaceInUrl(apiEndpoints.offers.getOneOffer, {
+      offerId: payload.offerId,
+    }),
+    payload.queryObject
+  );
 };
 export const attemptFetchMoreOffers = (page, payload) => {
   if (payload)
     }) + `?${queryString}`
   );
 };
+export const attemptFetchProfileOffersAsAdmin = (userId, queryString = "") => {
+  return getRequest(
+    replaceInUrl(apiEndpoints.offers.profileOffersAsAdmin, {
+      userId: userId,
+    }) + `?${queryString}`
+  );
+};
 export const attemptRemoveOffer = (payload, offerId) => {
   return deleteRequest(
     replaceInUrl(apiEndpoints.offers.removeOffer, {

src/store/middleware/accessTokensMiddleware.js

 // const baseURL = "http://192.168.88.143:3001/"; // DULE
 // const baseURL = "http://192.168.88.175:3005/";
 // const baseURL = "https://trampa-api.dilig.net/";
-// const baseURL = "https://trampa-api-test.dilig.net/";
+const baseURL = "https://trampa-api-test.dilig.net/";
 // const baseURL = "http://192.168.88.150:3001/"; // DJOLE
-const baseURL = "http://localhost:3001/";
+// const baseURL = "http://localhost:3001/";
 // const baseURL = process.env.REACT_APP_BASE_API_URL
 
 //Interceptor unique name
       }
 
       // If refresh token is expired, log out user
-      console.log(new Date(refreshTokenDecoded?.exp * 1000))
-      console.log(new Date())
       if (new Date() > new Date(refreshTokenDecoded?.exp * 1000)) {
         dispatch(logoutUser());
         return Promise.resolve(response)

src/store/saga/offersSaga.js

   attemptFetchFeaturedOffers,
   attemptFetchOffers,
   attemptFetchOneOffer,
+  attemptFetchProfileOffersAsAdmin,
   attemptPinOffer,
   attemptRemoveOffer,
   attemptRemoveOfferAsAdmin,
 
 function* fetchOneOffer(payload) {
   try {
-    const data = yield call(attemptFetchOneOffer, payload.payload);
+    let offerId = payload.payload;
+    console.log("sagabb", payload.payload);
+    const queryObject = new URLSearchParams();
+    if (typeof payload.payload === "object") {
+      offerId = payload.payload.offerId;
+      queryObject.set("view", "true");
+    }
+    const data = yield call(attemptFetchOneOffer, {
+      offerId,
+      queryObject,
+    });
     if (!data?.data) throw new Error();
     yield put(fetchOneOfferSuccess(data?.data));
   } catch (e) {
       queryString = yield select(selectQueryString);
     }
     console.log(queryString.toString());
-    const data = yield call(
-      attemptFetchProfileOffers,
-      userId,
-      convertQueryStringForBackend(queryString)
-    );
+    let data;
+    if (payload.payload.isAdmin) {
+      data = yield call(
+        attemptFetchProfileOffersAsAdmin,
+        userId,
+        convertQueryStringForBackend(queryString)
+      );
+    } else {
+      data = yield call(
+        attemptFetchProfileOffers,
+        userId,
+        convertQueryStringForBackend(queryString)
+      );
+    }
     if (payload.payload.append) {
       yield put(addProfileOffers(data.data.offers));
     } else {
     const offerData = payload.payload.offerData;
     const formData = new FormData();
     formData.append("category[name]", offerData.category.name);
-    formData.append("condition", offerData.condition);
+    formData.append("condition", offerData.condition.toLowerCase());
     formData.append("description", offerData.description);
     // const oldImages = [];
     for (var i = 0; i < offerData.images.length; i++) {

src/store/saga/reviewSaga.js

   try {
     console.log(payload);
     const data = yield call(attemptFetchReview, payload.payload);
-    yield put(setReviews([...data.data].reverse()));
+    yield put(setReviews([...data.data.reviews].reverse()));
     yield put(fetchReviewsSuccess());
   } catch (e) {
     yield put(fetchReviewsError());