Fixed demo bugs

src/components/MarketPlace/Header/Header.js

@@ -144,11 +144,15 @@ const Header = (props) => {
 
         {/* Select option to choose sorting */}
         <HeaderSelect
-          value={sortOption?.value ? sortOption.value : sortEnum.INITIAL.value}
+          value={sortOption?.value ? sortOption.value : "default"}
           IconComponent={DownArrow}
           onChange={handleChangeSelect}
         >
+          <SelectOption style={{ display: "none" }} value="default">
+            Sortiraj po
+          </SelectOption>
           {Object.keys(sortEnum).map((property) => {
+            if(sortEnum[property].value === 0) return;
             return (
               <SelectOption
                 value={sortEnum[property].value}

src/components/MarketPlace/Header/Header.styled.js

@@ -4,7 +4,7 @@ import selectedTheme from "../../../themes";
 import { IconButton } from "../../Buttons/IconButton/IconButton";
 import Option from "../../Select/Option/Option";
 import Select from "../../Select/Select";
-import {ReactComponent as Refresh} from "../../../assets/images/svg/refresh.svg"
+import { ReactComponent as Refresh } from "../../../assets/images/svg/refresh.svg";
 
 export const HeaderContainer = styled(Box)`
   margin-top: 20px;
@@ -19,14 +19,14 @@ export const HeaderLocation = styled(Box)`
   line-height: 22px;
   font-size: 16px;
   flex: 2;
-  max-width: ${props => props.initial ? "fit-content" : "50%"};
+  max-width: ${(props) => (props.initial ? "fit-content" : "50%")};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   &:after {
-    content: ${props => props.initial ? `":"` : `""`};
+    content: ${(props) => (props.initial ? `":"` : `""`)};
     @media (max-width: 600px) {
-        content: "";
+      content: "";
     }
   }
   @media (max-width: 600px) {
@@ -86,14 +86,14 @@ export const HeaderButtons = styled(Box)`
   margin-right: 40px;
 `;
 export const HeaderAltLocation = styled(Typography)`
-    font-family: "Open Sans";
-    font-size: 16px;
-    color: ${selectedTheme.primaryText};
-    margin-left: 5px;
-    @media (max-width: 600px) {
-        display: none;
-    }
-`
+  font-family: "Open Sans";
+  font-size: 16px;
+  color: ${selectedTheme.primaryText};
+  margin-left: 5px;
+  @media (max-width: 600px) {
+    display: none;
+  }
+`;
 export const RefreshIcon = styled(Refresh)`
   width: 18px;
   height: 18px;
@@ -103,11 +103,11 @@ export const RefreshIcon = styled(Refresh)`
   & path {
     stroke: ${selectedTheme.primaryDarkTextThird};
   }
-`
+`;
 export const MySwapsTitle = styled(Typography)`
   font-family: "Open Sans";
   font-size: 16px;
   color: ${selectedTheme.primaryDarkTextThird};
   position: relative;
   left: 9px;
-`
+`;

src/store/saga/queryStringSaga.js

@@ -7,8 +7,8 @@ import { setQueryStringRedux } from "../actions/queryString/queryStringActions";
 
 function* setQueryString(payload) {
   try {
-    console.log("trenutni queryString: ", payload.payload);
-    console.log(payload);
+    // console.log("trenutni queryString: ", payload.payload);
+    // console.log(payload);
     // const currentQS = yield select(selectQueryString);
     // let newQueryString = payload.payload
     // if (currentQS?.length > 0) {