Remove wrong use of useEffect

Author: luizrrodrigues

src/components/availability/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import PT from "prop-types";
 
 import { useSearch } from "../../lib/search";
@@ -24,25 +24,18 @@ export default function Availability({
   const handleAvailableClicked = () => {
     const newValue = !isAvailableSelected;
     setIsAvailableSelected(newValue);
+    search[selector]({
+      isAvailableSelected: newValue,
+    });
   };
 
   const handleUnvailableClicked = () => {
     const newValue = !isUnavailableSelected;
     setIsUnavailableSelected(newValue);
-  };
-
-  useEffect(() => {
     search[selector]({
-      isAvailableSelected: isAvailableSelected,
-      isUnavailableSelected: isUnavailableSelected,
+      isUnavailableSelected: newValue,
     });
-  }, [selector, isAvailableSelected, isUnavailableSelected]);
-
-  /* This triggers the child to render when props is changed */
-  useEffect(() => {
-    setIsAvailableSelected(availableSelected);
-    setIsUnavailableSelected(unavailableSelected);
-  }, [availableSelected, unavailableSelected]);
+  };
 
   return (
     <div className={styles.availabilityContainer}>

src/components/tagList/index.js

@@ -24,18 +24,13 @@ export default function TagList({ tags, selected, selector }) {
 
     setSelectedTags(selection);
     setUpdated(updated + 1);
+    search[selector](selection);
   };
 
   const handleShowMores = () => {
     setShowAll(true);
   };
 
-  useEffect(() => {
-    if (selector) {
-      search[selector](selectedTags);
-    }
-  }, [updated]);
-
   /* This triggers the child to render when props.selected is changed */
   useEffect(() => {
     setSelectedTags(selected);