Ready for protainer

src/components/Cards/CreateOfferCard/CreateOffer.js

         historyRouter.location.pathname.length
       );
       dispatch(fetchProfileOffers(userId));
-      history.push({
+      historyRouter.push({
         pathname: HOME_PAGE,
         state: {
           from: history.location.pathname,

src/components/Cards/CreateOfferCard/CreateOffer.styled.js

     props.currentStep !== 3 ? "calc(50% - 310px);" : "calc(50% - 420px);"};
   z-index: 150;
   padding: ${(props) => (props.currentStep !== 3 ? "0 120px" : "0 130px")};
+  overflow-y: auto;
   &::-webkit-scrollbar {
     width: 5px;
   }
   scrollbar-width: thin;
   scrollbar-color: #ddd;
 
+  @media (max-height: 820px) {
+    top: ${props => props.currentStep === 1 ? 'calc(50% - 340px)' : 'calc(50% - 340px)'};
+
+  }
+
   @media screen and (max-width: 628px) {
     height: 100vh;
     max-height: 100vh;
     left: 0;
     padding: 0 30px;
   }
+
 `;
 
 export const ModalHeader = styled(Box)`

src/components/Cards/ItemDetailsCard/ItemDetailsCard.js

 import { useHistory } from "react-router-dom";
 import { increaseCounter } from "../../../store/actions/counter/counterActions";
 import _ from "lodash";
+import { selectUserId } from "../../../store/selectors/loginSelectors";
 
 const ItemDetailsCard = (props) => {
   const offer = props.offer;
   const history = useHistory();
   const chats = useSelector(selectLatestChats);
+  const userId = useSelector(selectUserId);
   const dispatch = useDispatch();
   const dateCreated = new Date(offer?.offer?._created);
 
   useEffect(() => {
     if (offer?.offer?._id) {
-      _.once(function() {
-        dispatch(increaseCounter(offer?.offer?._id))
+      _.once(function () {
+        dispatch(increaseCounter(offer?.offer?._id));
       })();
     }
   }, [offer]);
     if (chatItem !== undefined) {
       history.push(`/messages/${chatItem.chat._id}`);
     } else {
-      history.push(`/messages/newMessage`, {
-        offerId: offer?.offer?._id,
-      });
+      if (offer?.offer?.userId !== userId) {
+        history.push(`/messages/newMessage`, {
+          offerId: offer?.offer?._id,
+        });
+      }
     }
   };
   return (
           {dayCreated}.{monthCreated}.{yearCreated}
         </PostDate>
       </OfferInfo>
-      <Details hasScrollBar={!props.showPublishButton} exchange={props.showExchangeButton}>
+      <Details
+        hasScrollBar={!props.showPublishButton}
+        exchange={props.showExchangeButton}
+      >
         <OfferTitle>{offer?.offer?.name}</OfferTitle>
         <Scroller>
           {offer?.offer?.images?.map((item) => {

src/components/Cards/UserReviewsCard/UserReviewsCard.js

         <ThumbBox item>
           {isGood ? <ThumbUp color="success" /> : <ThumbDown color="error" />}
         </ThumbBox>
-        <ReviewQuoteBox item xs={11}>
+        <ReviewQuoteBox item>
           <ReviewQuoteText
             sx={{ display: "inline" }}
             component="span"

src/components/DirectChat/DirectChat.js

   console.log("interlucatorObject: ", interlocutorObject);
   const dispatch = useDispatch();
   useEffect(() => {
-    refreshChat();
-  }, [routeMatch.params.idChat]);
+    console.log(location.state)
+    if (routeMatch.params.idChat && location.state?.offerId) {
+      refreshChat();
+    }
+  }, [routeMatch.params.idChat, location.state?.offerId]);
   const refreshChat = () => {
     if (routeMatch.params.idChat === "newMessage") {
       dispatch(fetchOneOffer(location.state.offerId))

src/components/MarketPlace/Offers/Offers.js

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

src/components/UserReviews/UserReviews.styled.js

 export const ReviewsBox = styled(Box)`
     width: 100%;
     /* One review is 185px in height and 82 px are header title + padding */
-    height: ${props =>  props.numOfReviews > 0 ? props.numOfReviews * 185 + 82 + 'px' : `calc(100% - 90px)`};
-    max-height: 100vh;
+    /* height: ${props =>  props.numOfReviews > 0 ? props.numOfReviews * 185 + 82 + 'px' : `calc(100% - 90px)`}; */
+    /* max-height: 100vh; */
     @media (max-width: 1200px) {
       padding: 0;
     }
       position: relative;
       top: -45px;
       overflow: hidden;
-      max-height: 350px;
+      max-height: ${props => props.numOfReviews > 2 ? "650px" : props.numOfReviews > 1 ? "450px" : "350px"};
       padding: 0;
     }
 `;

src/store/saga/offersSaga.js

 function* fetchProfileOffers(payload) {
   try {
     const userId = payload.payload;
+    if (!userId || userId?.length === 0) throw new Error("User id is not defined!");
     const data = yield call(attemptFetchProfileOffers, userId);
     yield put(setProfileOffers(data.data));
   } catch (e) {