style: remove unused icons and add opacity

package.json

@@ -1,7 +1,7 @@
 {
   "name": "whatson",
   "description": "What's on?",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "private": false,
   "dependencies": {
     "@reach/router": "^1.3.4",

public/meta.json

@@ -1 +1 @@
-{ "version": "2.5.4" }
+{ "version": "2.5.5" }

src/components/GlobalStyle/MultiSelectStyle.js

@@ -223,11 +223,21 @@ const MultiSelectStyle = `
     cursor: pointer !important;
   }
 
+  .filter-icon {
+    cursor: pointer !important;
+  }
+
   .flex-search {
     padding: 3px;
     padding-right: 9px;
     border-radius: 10px;
-    border: 1.4px solid white;
+    border: 1.4px solid #fff;
+  }
+  .menu-icon:hover,
+  .filter-icon:hover,
+  .heart-icon:hover,
+  .flex-search:hover {
+    opacity: 0.8;
   }
   .search-icon {
     margin-right: 5px;

src/components/Icon/Filter.js

@@ -8,6 +8,7 @@ const Filter = ({
   ...props
 }) => (
   <svg
+    className="filter-icon"
     viewBox="0 -0.6 24 24"
     stroke="#FFF"
     strokeWidth={1.5}

src/components/Icon/index.js

@@ -1,7 +1,5 @@
 export Arrow from "./Arrow";
 export Calendar from "./Calendar";
-export CheckMark from "./CheckMark";
-export Cross from "./Cross";
 export Eye from "./Eye";
 export Filter from "./Filter";
 export Github from "./Github";
@@ -11,7 +9,6 @@ export Menu from "./Menu";
 export Movie from "./Movie";
 export NumbersFilter from "./NumbersFilter";
 export Person from "./Person";
-export Pin from "./Pin";
 export Screen from "./Screen";
 export Search from "./Search";
 export Star from "./Star";