Changed IP address for testing

.eslintrc.json

   },
   "plugins": ["react"],
   "rules": {
-    "max-lines": ["warn", 100]
+    // "max-lines": ["warn", 100]
   }
 }

src/App.js

     <Router history={history}>
       <Helmet>
         <title>{i18next.t("app.title")}</title>
+        
       </Helmet>
       <StyledEngineProvider injectFirst>
         {/* <button onClick={handleClick}>Kik</button> */}

src/components/Cards/CreateOfferCard/CreateOffer.js

     condition: informations.condition,
     category: {
       name: informations.category,
-      subcategories: subcategories,
     },
     subcategory: informations.subcategory,
     images: newImgs,

src/components/Cards/FilterCard/FilterCard.js

         <LocationChoser filters={filters} />
       </ContentContainer>
 
-      <FilterFooter />
+      <FilterFooter
+        closeResponsive={props.closeResponsive}
+        responsiveOpen={props.responsiveOpen}
+      />
     </FilterCardContainer>
   );
 };

src/components/Cards/FilterCard/FilterFooter/FilterFooter.js

     if (props.closeResponsive) props.closeResponsive();
   };
   return (
-    <FilterFooterContainer>
+    <FilterFooterContainer responsiveOpen={props.responsiveOpen}>
       {props.responsiveOpen && (
         <PrimaryButton
           variant="outlined"

src/components/Cards/OfferCard/OfferCard.js

-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import {
   CheckButton,
 import selectedTheme from "../../../themes";
 import { useHistory } from "react-router-dom";
 import CreateOffer from "../CreateOfferCard/CreateOffer";
+import { useSelector } from "react-redux";
+import { selectUserId } from "../../../store/selectors/loginSelectors";
 
 const OfferCard = (props) => {
   const [deleteOfferModal, setDeleteOfferModal] = useState(false);
   const [editOfferModal, setEditOfferModal] = useState(false);
   const history = useHistory();
+  const userId = useSelector(selectUserId);
 
   const routeToItem = (itemId) => {
     history.push(`/proizvodi/${itemId}`);
     setEditOfferModal(false);
   };
 
+  const showMessageIcon = useMemo(() => {
+    if (userId === props.offer?.userId) {
+      return false;
+    }
+    return true;
+  }, [userId, props.offer]);
+
   if (deleteOfferModal || editOfferModal) {
     document.body.style.overflow = "hidden";
   } else {
                 </DetailIcon>
                 <DetailText>{props?.offer?.category?.name}</DetailText>
               </OfferCategory>
-              {props.dontShowViews ? (<></>) : (<OfferViews vertical={props.vertical}>
-                <DetailIcon color="black" component="span" size="16px">
-                  <EyeIcon />
-                </DetailIcon>
-                <DetailText>{props?.offer?.views?.count}</DetailText>
-              </OfferViews>)}
+              {props.dontShowViews ? (
+                <></>
+              ) : (
+                <OfferViews vertical={props.vertical}>
+                  <DetailIcon color="black" component="span" size="16px">
+                    <EyeIcon />
+                  </DetailIcon>
+                  <DetailText>{props?.offer?.views?.count}</DetailText>
+                </OfferViews>
+              )}
             </OfferDetails>
           </OfferInfo>
           {!props.halfwidth ? (
               <StarIcon disabled={props.disabledReviews} />
             </StarIconContainer>
           ) : (
-            <MessageIcon vertical={props.vertical} onClick={messageUser}>
+            <MessageIcon
+              showMessageIcon={showMessageIcon}
+              vertical={props.vertical}
+              onClick={messageUser}
+            >
               <Message />
             </MessageIcon>
           )}

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

   }
 `;
 export const MessageIcon = styled(IconButton)`
+  ${(props) => !props.showMessageIcon && "display: none;"}
   width: 40px;
   height: 40px;
   position: absolute;
 `;
 export const RemoveIcon = styled(Remove)``;
 export const EditIconContainer = styled(MessageIcon)`
+  display: block;
   right: 70px;
 `;
 export const EditIcon = styled(Edit)``;
 export const StarIconContainer = styled(MessageIcon)`
-  opacity: ${props => props.disabled ? "0.4" : "1"};
-  ${props => props.disabled && `
+  display: block;
+  opacity: ${(props) => (props.disabled ? "0.4" : "1")};
+  ${(props) =>
+    props.disabled &&
+    `
     cursor: initial;
     & button {
       cursor: initial;

src/components/CreateReview/FirstStep/FirstStepCreateReview.js

           formik.setFieldValue("exchangeSucceed", event.target.value.mainText)
         }
       >
-        {Object.keys(reviewEnum).map((property) => (
+        {Object.keys(reviewEnum).map((property) => {
+          if (property === "NOT_BAD") return;
+          return (
           <SelectOption
             key={reviewEnum[property].value}
             value={reviewEnum[property]}
           >
             {reviewEnum[property].mainText}
           </SelectOption>
-        ))}
+        )})}
       </SelectField>
 
       <FieldLabel leftText={t("reviews.comment")} />

src/components/Login/Login.js

 
   const handleSubmit = (values) => {
     const { email, password } = values;
-    console.log(values);
     dispatch(clearLoginErrors());
     dispatch(
       fetchLogin({
         handleApiResponseSuccess,
       })
     );
+    console.log(values);
   };
 
   const formik = useFormik({

src/components/Login/LoginButton/LoginButton.js

       height="48px"
       fullWidth
       buttoncolor={selectedTheme.primaryPurple}
+      onClick={formik.handleSubmit}
       textcolor="white"
       disabled={
         formik.values.email.length === 0 || formik.values.password.length === 0

src/hooks/useFilters.js

     setSelectedLocations([]);
     setSelectedSubcategory();
     setSelectedCategory();
+    applyFilters();
   };
 
   // Helper function

src/pages/RegisterPages/Register/FirstPart/FirstPartOfRegistration.js

   const [emailTakenStatus, setEmailTakenStatus] = useState(false);
   const { t } = useTranslation();
 
+  useEffect(() => {
+    console.log(props.informations)
+    if (props.informations?.mail) {
+      console.log(props.informations)
+      formik.setFieldValue("mail", props.informations.mail);
+      formik.setFieldValue("password", props.informations.password)
+    }
+  }, [props.informations])
+
   useEffect(() => {
     if (props.error.length > 0) {
       setEmailTakenStatus(true);
   handleSubmit: PropTypes.func,
   error: PropTypes.string,
   errorMessage: PropTypes.string,
+  informations: PropTypes.any,
 };
 
 export default FirstPartOfRegistration;

src/pages/RegisterPages/Register/Register.js

   };
 
   const handleSubmit = (values) => {
+    console.log(values);
     if (currentStep !== 3) {
       setCurrentStep((prevState) => prevState + 1);
     } else {
 
   const goStepBack = (stepNumber) => {
     setCurrentStep(stepNumber);
-    const { mail, password, image } = informations;
-    if (stepNumber === 1) {
-      setInformations({ image });
-    }
-    if (stepNumber === 2) {
-      setInformations({ mail, password, image });
-    }
+    // const { mail, password, image } = informations;
+    // if (stepNumber === 1) {
+    //   setInformations({ image });
+    // }
+    // if (stepNumber === 2) {
+    //   setInformations({ mail, password, image });
+    // }
   };
 
   return (
         {currentStep === 1 && (
           <FirstPartOfRegistration
             handleSubmit={handleSubmit}
+            informations={informations}
             error={mailError}
             errorMessage={mailErrorMessage}
           />
         {currentStep === 2 && (
           <SecondPartOfRegistration
             handleSubmit={handleSubmit}
+            informations={informations}
             error={PIBError}
             errorMessage={PIBErrorMessage}
           />
         )}
         {currentStep === 3 && (
-          <ThirdPartOfRegistration handleSubmit={handleSubmit} />
+          <ThirdPartOfRegistration handleSubmit={handleSubmit} informations={informations} />
         )}
 
         {imageError && <ErrorMessage>{t("register.imageError")}</ErrorMessage>}

src/pages/RegisterPages/Register/SecondPart/SecondPartOfRegistration.js

     }
   }, [props.error]);
 
+  useEffect(() => {
+    if (props.informations?.nameOfFirm) {
+      formik.setFieldValue("nameOfFirm", props.informations?.nameOfFirm);
+      formik.setFieldValue("PIB", props.informations.PIB)
+    }
+  }, [props.informations])
+
   const formik = useFormik({
     initialValues: {
       nameOfFirm: "",
 SecondPartOfRegistration.propTypes = {
   children: PropTypes.node,
   handleSubmit: PropTypes.func,
+  informations: PropTypes.any,
   error: PropTypes.string,
   errorMessage: PropTypes.string,
 };

src/pages/RegisterPages/Register/ThirdPart/ThirdPartOfRegistration.js

-import React from "react";
+import React, { useEffect } from "react";
 import PropTypes from "prop-types";
 import {
   FormContainer,
 const ThirdPartOfRegistration = (props) => {
   const { t } = useTranslation();
 
+  useEffect(() => {
+    if (props.informations?.phoneNumber) {
+      formik.setFieldValue("phoneNumber", props.informations?.phoneNumber)
+    }
+    if (props.informations?.location) {
+      formik.setFieldValue("location", props.informations?.location)
+    }
+    if (props.informations?.website) {
+      formik.setFieldValue("website", props.informations?.website)
+    }
+  }, [props.informations])
+
+  const handleSubmit = () => {
+    if (!formik.values.website.matches(
+      /^((ftp|http|https):\/\/)?(www.)?(?!.*(ftp|http|https|www.))[a-zA-Z0-9_-]+(\.[a-zA-Z]+)+((\/)[\w#]+)*(\/\w+\?[a-zA-Z0-9_]+=\w+(&[a-zA-Z0-9_]+=\w+)*)?$/gm
+    )) {
+      formik.setFieldError("website");
+    } else{
+      props.handleSubmit(formik.values);
+    }
+
+  }
+
   const formik = useFormik({
     initialValues: {
       phoneNumber: "",
       website: "",
     },
     validationSchema: Yup.object().shape({
-      phoneNumber: Yup.number().required(t("login.usernameRequired")),
-      location: Yup.string().required(t("login.passwordRequired")),
-      website: Yup.string().matches(
-        /^((ftp|http|https):\/\/)?(www.)?(?!.*(ftp|http|https|www.))[a-zA-Z0-9_-]+(\.[a-zA-Z]+)+((\/)[\w#]+)*(\/\w+\?[a-zA-Z0-9_]+=\w+(&[a-zA-Z0-9_]+=\w+)*)?$/gm
-      ),
+      phoneNumber: Yup.number(),
+      location: Yup.string(),
+      website: Yup.string()
     }),
-    onSubmit: props.handleSubmit,
+    onSubmit: handleSubmit,
     validateOnBlur: true,
     enableReinitialize: true,
   });
 ThirdPartOfRegistration.propTypes = {
   children: PropTypes.node,
   handleSubmit: PropTypes.func,
+  informations: PropTypes.any,
 };
 
 export default ThirdPartOfRegistration;

src/request/index.js

 
 const request = axios.create({
   // baseURL: "http://192.168.88.150:3001/",
-  baseURL: "http://192.168.88.175:3005/",
+  // baseURL: "http://192.168.88.175:3005/",
+  baseURL: "https://trampa-api.dilig.net/",
+
   headers: {
     "Content-Type": "application/json",
   },

src/store/middleware/accessTokensMiddleware.js

 // import { setUserAccessToken } from "../actions/user/userActions";
 
 //Change URL with .env
-const baseURL = "http://192.168.88.175:3005/";
+const baseURL = "https://trampa-api.dilig.net/";
+// const baseURL = "http://192.168.88.175:3005/";
 // const baseURL = "http://192.168.88.175:3005/";
 
 //Interceptor unique name

src/store/saga/counterSaga.js

 
 function* increaseCounter(payload) {
     try {
-        yield call(console.log, payload.payload);
-        yield call(attemptIncreaseCounter(payload.payload));
+        yield call(attemptIncreaseCounter, payload.payload);
     } catch(e) {
         console.log(e);
     }

src/store/saga/loginSaga.js

 
 function* fetchLogin({ payload }) {
   try {
+    console.log('barem ide')
     const { data } = yield call(attemptLogin, payload);
     if (data.token) {
       const token = data.token;

src/store/saga/offersSaga.js

       attemptFetchOffers,
       "?" + newQueryString.toString()
     );
+    console.log('data::::::::: ', data.data)
     yield put(setTotalOffers(data.data.total));
     yield put(setOffers(data.data.items.regularOffers));
     yield put(setPinnedOffers(data.data.items.pinnedOffers));