#25 Add handleFollow function and pass to setTravelerDataContext

SandraBergstrom · Jun 29, 2023 · 7bb10c8 · 7bb10c8
1 parent 75ec0ee
commit 7bb10c8
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/contexts/TravelerDataContext.js b/src/contexts/TravelerDataContext.js
@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useState } from "react";
-import { axiosReq } from "../api/axiosDefaults";
+import { axiosReq, axiosRes } from "../api/axiosDefaults";
 import { useCurrentUser } from "./CurrentUserContext";
 
 export const TravelerDataContext = createContext();
@@ -17,6 +17,16 @@ export const TravelerDataProvider = ({ children }) => {
   const { popularTravelers } = travelerData;
   const currentUser = useCurrentUser();
 
+  const handleFollow = async (clickedTraveler) => {
+    try {
+      const {data} = await axiosRes.post('/followers/', {
+        followed: clickedTraveler.id
+      })
+    } catch (err) {
+      console.log(err)
+    }
+  }
+
   useEffect(() => {
     const handleMount = async () => {
       try {
@@ -37,7 +47,7 @@ export const TravelerDataProvider = ({ children }) => {
 
   return (
     <TravelerDataContext.Provider value={travelerData}>
-      <SetTravelerDataContext.Provider value={setTravelerData}>
+      <SetTravelerDataContext.Provider value={{setTravelerData, handleFollow}}>
         {children}
       </SetTravelerDataContext.Provider>
     </TravelerDataContext.Provider>