refetch tasks on user login/logout #69 #71

- import the useCurrentUser hook:
zimport { useCurrentUser } from "../../contexts/CurrentUserContext";z
- call it within the `TaskList` component:
`const currentUser = useCurrentUser();`
- add it to the `useEffect` hook’s dependency array:
`}, [filter, query, pathname, currentUser]);`

src/pages/tasks/TaskList.js

@@ -16,6 +16,7 @@ import Task from "./Task";
 import Asset from "../../components/Asset";
 import NoResults from "../../assets/no-results.png";
 import ProfileList from "../profiles/ProfileList";
+import { useCurrentUser } from "../../contexts/CurrentUserContext";
 
 function TaskList({ message, filter = "" }) {
   const [tasks, setTasks] = useState({ results: [] });
@@ -24,6 +25,8 @@ function TaskList({ message, filter = "" }) {
 
   const [query, setQuery] = useState("");
 
+  const currentUser = useCurrentUser();
+
   useEffect(() => {
     const fetchTasks = async () => {
       try {
@@ -43,7 +46,7 @@ function TaskList({ message, filter = "" }) {
     return () => {
       clearTimeout(timer);
     };
-  }, [filter, query, pathname]);
+  }, [filter, query, pathname, currentUser]);
 
   return (
     <Row className="h-100">