Minor fixes

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

@@ -1,24 +1,22 @@
-import React from "react";
+import React, { useEffect } from "react";
 import PropTypes from "prop-types";
 import { FilterFooterContainer } from "./FilterFooter.styled";
 import selectedTheme from "../../../../themes";
 import { PrimaryButton } from "../../../Buttons/PrimaryButton/PrimaryButton";
 import { useTranslation } from "react-i18next";
-import useSearch from "../../../../hooks/useOffers/useSearch";
 import useIsMobile from "../../../../hooks/useIsMobile";
 
 const FilterFooter = (props) => {
   const { t } = useTranslation();
-  console.log(useIsMobile);
-  console.log(useSearch);
-  console.log(useTranslation);
-  const isMobile = useIsMobile;
-  console.log(isMobile);
+  const {isMobile }= useIsMobile();
   const filters = props.filters;
   const handleFilters = () => {
     filters.apply();
     props.toggleFilters();
   };
+  useEffect(() => {
+    console.log(isMobile);
+  }, [isMobile])
   return (
     <FilterFooterContainer responsiveOpen={isMobile}>
       {isMobile && (

src/hooks/useIsMobile.js

@@ -1,13 +1,17 @@
 import { useEffect, useState } from "react";
 
+function getScreenWidth() {
+  return window.innerWidth;
+}
+
 const useIsMobile = () => {
-  const [isMobile, setIsMobile] = useState(false);
+  const [isMobile, setIsMobile] = useState(window.innerWidth < 600);
   useEffect(() => {
     const resize = () => {
-      if (window.innerWidth < 600) {
-        if (!isMobile) setIsMobile(true);
+      if (getScreenWidth() < 600) {
+        setIsMobile(true);
       } else {
-        if (isMobile) setIsMobile(false);
+         setIsMobile(false);
       }
     };
     window.addEventListener("resize", resize);