Merge branch 'feature/626' of http://176.104.105.124:3000/selenaaasi/trampa-frontend

src/components/Cards/OfferCard/OfferCard.js

@@ -91,6 +91,7 @@ const OfferCard = (props) => {
             : props?.offer?.pinned?.toString()
         }
         halfwidth={props.halfwidth ? 1 : 0}
+        onClick={() => routeToItem(props?.offer?._id)}
       >
         {/* This only shows on vertical offer card */}
         <OfferTitleAboveImage

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

@@ -10,7 +10,6 @@ import { ReactComponent as Like } from "../../../assets/images/svg/like.svg";
 import { ReactComponent as Pin } from "../../../assets/images/svg/pin.svg";
 import { ReactComponent as Category } from "../../../assets/images/svg/category.svg";
 
-
 export const OfferCardContainer = styled(Container)`
   display: ${(props) => (props.skeleton ? "none" : "flex")};
   flex-direction: column;
@@ -29,6 +28,7 @@ export const OfferCardContainer = styled(Container)`
   max-width: 2000px;
   height: 180px;
   position: relative;
+  cursor: pointer;
   @media (max-width: 550px) {
     height: 194px;
     padding: 18px;
@@ -363,7 +363,7 @@ export const PinIcon = styled(Pin)`
 `;
 export const CategoryIcon = styled(Category)`
   width: 14px;
-    & path {
-      stroke-width: 1;
-    }
-`
+  & path {
+    stroke-width: 1;
+  }
+`;

src/components/Header/Header.styled.js

@@ -1,7 +1,6 @@
 import { Box } from "@mui/material";
 import styled from "styled-components";
 
-
 export const DrawerContainer = styled(Box)`
   display: flex;
   flex-direction: column;
@@ -18,6 +17,9 @@ export const LogoContainer = styled(Box)`
   justify-content: center;
   align-items: center;
   cursor: pointer;
+  svg {
+    width: 90%;
+  }
   @media (min-width: 800px) {
     position: relative;
     left: 15px;

src/components/MarketPlace/Offers/OffersNotFound.styled.js

@@ -31,4 +31,5 @@ export const OffersNotFoundDescription = styled(Typography)`
 export const Button = styled(PrimaryButton)`
   font-weight: 600;
   letter-spacing: 1.5px;
+  min-width: max-content;
 `;

src/components/Profile/ProfileOffers/SearchBar/SearchBar.styled.js

@@ -7,6 +7,9 @@ import { Icon } from "../../../Icon/Icon";
 export const SearchInput = styled(TextField)`
   position: relative;
   top: 15px;
+  & div {
+    background-color: white;
+  }
   & div fieldset {
     border-color: ${selectedTheme.colors.primaryPurple} !important;
   }