From 7bb10c83921b4b908180bd4ad2f67ace29f3ae05 Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Thu, 29 Jun 2023 10:01:50 +0000
Subject: [PATCH] #25 Add handleFollow function and pass to
 setTravelerDataContext

---
 src/contexts/TravelerDataContext.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/contexts/TravelerDataContext.js b/src/contexts/TravelerDataContext.js
index da64761..6ee1bac 100644
--- 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>