#25 Add handleUnFollow to pages

SandraBergstrom · Jun 29, 2023 · cde23d5 · cde23d5
1 parent 3572f85
commit cde23d5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>