{"ast":null,"code":"// import React, { useEffect, useState } from \"react\";  \n// import { useDispatch, useSelector } from \"react-redux\";\n// import { followUser, unfollowUser } from \"../../actions/user.actions\";\n// import { isEmpty } from \"../Utils\";\n\n// const FollowHandler=({idToFollow} )=>{\n//     const userData =useSelector((state)=>state.user)\n//     const [isFollowed,setIsFollowed] = useState(false);\n//     const dispatch=useDispatch()\n\n//     const handleFollow=()=>{\n\n//         dispatch(followUser(userData._id,idToFollow))\n//         setIsFollowed(true)\n\n//     }\n\n//     const handleUnFollow=()=>{\n//         dispatch(unfollowUser(userData._id,idToFollow))\n//         setIsFollowed(false);\n\n//     }\n\n//     useEffect(()=>{\n//         if(! isEmpty(userData.following ) ){\n//             if(userData.following.includes(idToFollow))\n//             setIsFollowed(true)\n//         }else setIsFollowed(false)\n\n//     },[userData,idToFollow])\n\n//     return(\n\n//        <>\n//        {/* si isFollowed est sur true */}\n//        {isFollowed && !isEmpty(userData)&&(\n\n//     <span onClick={handleUnFollow}>\n//         <button className=\"unfollow-btn\">Abonné</button>\n//     </span>\n//        )}\n//        {isFollowed === false && !isEmpty(userData) &&(\n//     <span onClick={handleFollow}>\n//         <button className=\"follow-btn\">Suivre</button>\n//     </span>\n\n//        ) }\n//        </>\n//     )\n// };\n\n// export default FollowHandler","map":{"version":3,"names":[],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/profil/FollowHandler.js"],"sourcesContent":["// import React, { useEffect, useState } from \"react\";  \r\n// import { useDispatch, useSelector } from \"react-redux\";\r\n// import { followUser, unfollowUser } from \"../../actions/user.actions\";\r\n// import { isEmpty } from \"../Utils\";\r\n\r\n// const FollowHandler=({idToFollow} )=>{\r\n//     const userData =useSelector((state)=>state.user)\r\n//     const [isFollowed,setIsFollowed] = useState(false);\r\n//     const dispatch=useDispatch()\r\n\r\n//     const handleFollow=()=>{\r\n         \r\n//         dispatch(followUser(userData._id,idToFollow))\r\n//         setIsFollowed(true)\r\n\r\n\r\n//     }\r\n\r\n//     const handleUnFollow=()=>{\r\n//         dispatch(unfollowUser(userData._id,idToFollow))\r\n//         setIsFollowed(false);\r\n\r\n//     }\r\n\r\n//     useEffect(()=>{\r\n//         if(! isEmpty(userData.following ) ){\r\n//             if(userData.following.includes(idToFollow))\r\n//             setIsFollowed(true)\r\n//         }else setIsFollowed(false)\r\n\r\n//     },[userData,idToFollow])\r\n\r\n//     return(\r\n\r\n//        <>\r\n//        {/* si isFollowed est sur true */}\r\n//        {isFollowed && !isEmpty(userData)&&(\r\n\r\n//     <span onClick={handleUnFollow}>\r\n//         <button className=\"unfollow-btn\">Abonné</button>\r\n//     </span>\r\n//        )}\r\n//        {isFollowed === false && !isEmpty(userData) &&(\r\n//     <span onClick={handleFollow}>\r\n//         <button className=\"follow-btn\">Suivre</button>\r\n//     </span>\r\n\r\n//        ) }\r\n//        </>\r\n//     )\r\n// };\r\n\r\n// export default FollowHandler\r\n\r\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAGA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA"},"metadata":{},"sourceType":"module","externalDependencies":[]}