From cde23d5b5eec20731ce642e96cc8e516c31c222c Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Thu, 29 Jun 2023 11:19:29 +0000
Subject: [PATCH] #25 Add handleUnFollow to pages

---
 src/contexts/TravelerDataContext.js | 2 +-
 src/pages/travelers/Traveler.js     | 4 ++--
 src/pages/travelers/TravelerPage.js | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/contexts/TravelerDataContext.js b/src/contexts/TravelerDataContext.js
index 4961cca..6eac0a6 100644
--- a/src/contexts/TravelerDataContext.js
+++ b/src/contexts/TravelerDataContext.js
@@ -86,7 +86,7 @@ export const TravelerDataProvider = ({ children }) => {
   return (
     <TravelerDataContext.Provider value={travelerData}>
       <SetTravelerDataContext.Provider
-        value={{ setTravelerData, handleFollow }}
+        value={{ setTravelerData, handleFollow, handleUnFollow }}
       >
         {children}
       </SetTravelerDataContext.Provider>
diff --git a/src/pages/travelers/Traveler.js b/src/pages/travelers/Traveler.js
index fc4a642..af8d468 100644
--- a/src/pages/travelers/Traveler.js
+++ b/src/pages/travelers/Traveler.js
@@ -14,7 +14,7 @@ const Traveler = (props) => {
   const currentUser = useCurrentUser();
   const is_owner = currentUser?.username === owner;
 
-  const {handleFollow} = useSetTravelerData();
+  const {handleFollow, handleUnFollow} = useSetTravelerData();
 
   return (
     <div
@@ -35,7 +35,7 @@ const Traveler = (props) => {
           (following_id ? (
             <Button
               className={`me-1 ${btnStyles.Button} ${btnStyles.Bright}`}
-              onClick={() => {}}
+              onClick={() => handleUnFollow(traveler)}
             >
               unfollow
             </Button>
diff --git a/src/pages/travelers/TravelerPage.js b/src/pages/travelers/TravelerPage.js
index 9d378b6..737fa5b 100644
--- a/src/pages/travelers/TravelerPage.js
+++ b/src/pages/travelers/TravelerPage.js
@@ -29,7 +29,7 @@ function TravelerPage() {
   const [hasLoaded, setHasLoaded] = useState(false);
   const currentUser = useCurrentUser();
   const { id } = useParams();
-  const { setTravelerData, handleFollow } = useSetTravelerData();
+  const { setTravelerData, handleFollow, handleUnFollow } = useSetTravelerData();
   const { pageTraveler } = useTravelerData();
   const [traveler] = pageTraveler.results;
   const is_owner = currentUser?.username === traveler?.owner;
@@ -90,7 +90,7 @@ function TravelerPage() {
             (traveler?.following_id ? (
               <Button
                 className={`${btnStyles.Button} ${btnStyles.Bright}`}
-                onClick={() => {}}
+                onClick={() => handleUnFollow(traveler)}
               >
                 Unfollow
               </Button>