Remove unused component

Author: w3bdesign

components/SVG/SVGCloseX.component.jsx

@@ -1,71 +1,29 @@
-import { useState } from 'react';
-import { useSpring, animated } from 'react-spring';
-
-import MobileSearch from '../AlgoliaSearch/MobileSearch.component';
-import SVGCloseX from './SVGCloseX.component';
-
 /**
  * The SVG that we use for search in the navbar for mobile.
  * Also includes logic for closing and opening the search form.
  */
 const SVGMobileSearchIcon = () => {
-  const [isExpanded, setisExpanded] = useState(false);
-
-  const mobileSearchSlideDownAnimation = useSpring({
-    to: [
-      {
-        opacity: isExpanded ? 1 : 0,
-        marginTop: isExpanded ? '50px' : '-180px',
-      },
-    ],
-    from: {
-      opacity: isExpanded ? 1 : 0,
-      marginTop: isExpanded ? '50px' : '-180px',
-    },
-  });
+  const scrollToTop = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  };
 
   return (
-    <>
-      <div className="inline mr-2 md:hidden xl:hidden">
-        <svg
-          className="cursor-pointer"
-
-
-          onClick={() => {
-            window.scrollTo({
-              top: 0,
-              behavior: 'smooth',
-          });
-
-          }}
-
-
-          /*onClick={() => {
-            setisExpanded(!isExpanded);
-          }}*/
-          fill="#fff"
-          xmlns="https://www.w3.org/2000/svg"
-          viewBox="0 0 50 50"
-          width="35px"
-          height="35px"
-        >
-          <path d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z" />
-        </svg>
-      </div>
-      {isExpanded && (
-        <animated.div
-          style={mobileSearchSlideDownAnimation}
-          className="right-0 z-50 w-full p-4 text-black bg-white"
-          id="mobilesearchdiv"
-        >
-          <div id="closeXsearch" className="mt-2 cursor-pointer">
-            <SVGCloseX setisExpanded={setisExpanded} />
-          </div>
-
-          <MobileSearch />
-        </animated.div>
-      )}
-    </>
+    <div className="inline mr-2 md:hidden xl:hidden">
+      <svg
+        className="cursor-pointer"
+        onClick={scrollToTop}
+        fill="#fff"
+        xmlns="https://www.w3.org/2000/svg"
+        viewBox="0 0 50 50"
+        width="35px"
+        height="35px"
+      >
+        <path d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z" />
+      </svg>
+    </div>
   );
 };