{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\05mediaSocial\\\\client\\\\src\\\\components\\\\profil\\\\FollowHandler.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { followUser, unfollowUser } from \"../../actions/user.actions\";\nimport { isEmpty } from \"../Utils\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst FollowHandler = _ref => {\n  _s();\n  let {\n    idToFollow\n  } = _ref;\n  const userData = useSelector(state => state.user);\n  const {\n    isfollowed,\n    setIsFollowed\n  } = useState(false);\n  const dispatch = useDispatch();\n  const handleFollow = () => {\n    dispatch(followUser(userData._id, idToFollow));\n    setIsFollowed(true);\n  };\n  const handleUnFollow = () => {\n    dispatch(unfollowUser(user));\n  };\n  useEffect(() => {\n    if (!isEmpty(userData.following)) {\n      if (userData.following.includes(idToFollow)) setIsFollowed(true);\n    } else setIsFollowed(false);\n  }, [userData, idToFollow]);\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [isfollowed && !isEmpty(userData) && /*#__PURE__*/_jsxDEV(\"span\", {\n      onClick: handleUnFollow,\n      children: /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"unfollow-btn\",\n        children: \"Abonn\\xE9\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 5\n    }, this), isfollowed === false && !isEmpty(userData) && /*#__PURE__*/_jsxDEV(\"span\", {\n      onClick: handleFollow,\n      children: /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"follow-btn\",\n        children: \"Suivre\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 5\n    }, this)]\n  }, void 0, true);\n};\n_s(FollowHandler, \"sw6whEdXCKnxkMEN4yvz0RJz3Bs=\", false, function () {\n  return [useSelector, useDispatch];\n});\n_c = FollowHandler;\nexport default FollowHandler;\nvar _c;\n$RefreshReg$(_c, \"FollowHandler\");","map":{"version":3,"names":["React","useEffect","useState","useDispatch","useSelector","followUser","unfollowUser","isEmpty","FollowHandler","idToFollow","userData","state","user","isfollowed","setIsFollowed","dispatch","handleFollow","_id","handleUnFollow","following","includes"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/profil/FollowHandler.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";  \r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { followUser, unfollowUser } from \"../../actions/user.actions\";\r\nimport { isEmpty } from \"../Utils\";\r\n\r\nconst 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(user))\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 sut 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\nexport default FollowHandler"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,UAAU,EAAEC,YAAY,QAAQ,4BAA4B;AACrE,SAASC,OAAO,QAAQ,UAAU;AAAC;AAAA;AAEnC,MAAMC,aAAa,GAAC,QAAiB;EAAA;EAAA,IAAhB;IAACC;EAAU,CAAC;EAC7B,MAAMC,QAAQ,GAAEN,WAAW,CAAEO,KAAK,IAAGA,KAAK,CAACC,IAAI,CAAC;EAChD,MAAM;IAACC,UAAU;IAACC;EAAa,CAAC,GAACZ,QAAQ,CAAC,KAAK,CAAC;EAChD,MAAMa,QAAQ,GAACZ,WAAW,EAAE;EAE5B,MAAMa,YAAY,GAAC,MAAI;IAEnBD,QAAQ,CAACV,UAAU,CAACK,QAAQ,CAACO,GAAG,EAACR,UAAU,CAAC,CAAC;IAC7CK,aAAa,CAAC,IAAI,CAAC;EAGvB,CAAC;EAED,MAAMI,cAAc,GAAC,MAAI;IACrBH,QAAQ,CAACT,YAAY,CAACM,IAAI,CAAC,CAAC;EAEhC,CAAC;EAEDX,SAAS,CAAC,MAAI;IACV,IAAG,CAAEM,OAAO,CAACG,QAAQ,CAACS,SAAS,CAAC,EAAC;MAC7B,IAAGT,QAAQ,CAACS,SAAS,CAACC,QAAQ,CAACX,UAAU,CAAC,EAC1CK,aAAa,CAAC,IAAI,CAAC;IACvB,CAAC,MAAKA,aAAa,CAAC,KAAK,CAAC;EAE9B,CAAC,EAAC,CAACJ,QAAQ,EAACD,UAAU,CAAC,CAAC;EAExB,oBAEG;IAAA,WAECI,UAAU,IAAI,CAACN,OAAO,CAACG,QAAQ,CAAC,iBAEpC;MAAM,OAAO,EAAEQ,cAAe;MAAA,uBAC1B;QAAQ,SAAS,EAAC,cAAc;QAAA,UAAC;MAAM;QAAA;QAAA;QAAA;MAAA;IAAS;MAAA;MAAA;MAAA;IAAA,QAEhD,EACAL,UAAU,KAAG,KAAK,IAAI,CAACN,OAAO,CAACG,QAAQ,CAAC,iBAC5C;MAAM,OAAO,EAAEM,YAAa;MAAA,uBACxB;QAAQ,SAAS,EAAC,YAAY;QAAA,UAAC;MAAM;QAAA;QAAA;QAAA;MAAA;IAAS;MAAA;MAAA;MAAA;IAAA,QAG9C;EAAA,gBACE;AAEV,CAAC;AAAC,GA5CIR,aAAa;EAAA,QACCJ,WAAW,EAEZD,WAAW;AAAA;AAAA,KAHxBK,aAAa;AA8CnB,eAAeA,aAAa;AAAA;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}