{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\05mediaSocial\\\\client\\\\src\\\\components\\\\profil\\\\UpdateProfil.js\",\n _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { updateBio } from \"../../actions/user.actions\";\nimport LeftNav from \"../LeftNav\";\nimport { dateParser } from \"../Utils\";\nimport FollowHandler from \"./FollowHandler\";\nimport UploadImg from \"./UploadImg\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst UpdateProfil = () => {\n _s();\n const [bio, setBio] = useState(\"\");\n const [updateForm, setUpdateForm] = useState(false);\n const userData = useSelector(state => state.userReducer);\n const usersData = useSelector(state => state.usersReducer);\n const dispatch = useDispatch();\n const [followingPopup, setFollowingPopup] = useState(false);\n const [followersPopup, setFollowersPopup] = useState(false);\n const handleUpdate = () => {\n dispatch(updateBio(userData._id, bio));\n setUpdateForm(false);\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"profil-container\",\n children: [/*#__PURE__*/_jsxDEV(LeftNav, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n children: [\"Profil de \", userData.pseudo, \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"update-container\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"left-part\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"photo de profil\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n src: userData.picture\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(UploadImg, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"right-part\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bio-update\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"Bio\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 13\n }, this), updateForm !== true && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n onClick: () => setUpdateForm(!updateForm),\n children: userData.bio\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: () => setUpdateForm(!updateForm),\n children: \"Modifier bio\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 17\n }, this)]\n }, void 0, true), updateForm && /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"textarea\", {\n type: \"text\",\n defaultValue: userData.bio,\n onChange: e => setBio(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: handleUpdate,\n children: \"Valider modifications\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 17\n }, this)]\n }, void 0, true)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"h4\", {\n children: [\"membre depuis le :\", dateParser(userData.createdAt), \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"h5\", {\n onClick: () => setFollowingPopup(true),\n children: [\"Abonnement : \", userData.following ? userData.following.length : \"\", \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"h5\", {\n onClick: () => setFollowersPopup(true),\n children: [\"Abonn\\xE9s :\", userData.followers ? userData.followers.length : \"\", \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }, this), followingPopup && /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"popup-profil-container\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"modal\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"Abonnements\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"cross\",\n onClick: () => setFollowingPopup(false),\n children: \"\\u2715\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n children: usersData.map(user => {\n for (let i = 0; i < userData.following.length; i++) {\n if (user._id === userData.following[i]) {\n return /*#__PURE__*/_jsxDEV(\"li\", {\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n src: user.picture\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(\"h4\", {\n children: user.pseudo\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(FollowHandler, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 33\n }, this)]\n }, user._id, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 29\n }, this);\n }\n }\n })\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 10\n }, this), followersPopup && /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"popup-profil-container\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"modal\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"Abonn\\xE9s\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"cross\",\n onClick: () => setFollowersPopup(false),\n children: \"\\u2715\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n children: usersData.map(user => {\n for (let i = 0; i < userData.followers.length; i++) {\n if (user._id === userData.following[i]) {\n return /*#__PURE__*/_jsxDEV(\"li\", {\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n src: user.picture\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(\"h4\", {\n children: user.pseudo\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 33\n }, this), /*#__PURE__*/_jsxDEV(FollowHandler, {\n idToFollow: user._id\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 33\n }, this)]\n }, user._id, true, {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 29\n }, this);\n }\n }\n })\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 10\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 5\n }, this);\n};\n_s(UpdateProfil, \"aH4Hl1n1qvPYsT7aqRLBEkBB7qA=\", false, function () {\n return [useSelector, useSelector, useDispatch];\n});\n_c = UpdateProfil;\nexport default UpdateProfil;\nvar _c;\n$RefreshReg$(_c, \"UpdateProfil\");","map":{"version":3,"names":["React","useState","useDispatch","useSelector","updateBio","LeftNav","dateParser","FollowHandler","UploadImg","UpdateProfil","bio","setBio","updateForm","setUpdateForm","userData","state","userReducer","usersData","usersReducer","dispatch","followingPopup","setFollowingPopup","followersPopup","setFollowersPopup","handleUpdate","_id","pseudo","picture","e","target","value","createdAt","following","length","followers","map","user","i"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/profil/UpdateProfil.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { updateBio } from \"../../actions/user.actions\";\r\nimport LeftNav from \"../LeftNav\";\r\nimport { dateParser } from \"../Utils\";\r\nimport FollowHandler from \"./FollowHandler\";\r\nimport UploadImg from \"./UploadImg\";\r\n\r\n\r\n\r\nconst UpdateProfil = () => {\r\n const [bio, setBio] = useState(\"\");\r\n const [updateForm, setUpdateForm] = useState(false);\r\n const userData = useSelector((state) => state.userReducer);\r\n const usersData = useSelector((state) => state.usersReducer);\r\n const dispatch= useDispatch();\r\n const [followingPopup,setFollowingPopup]=useState(false)\r\n const [followersPopup,setFollowersPopup]=useState(false)\r\n\r\n\r\n const handleUpdate=()=>{\r\n dispatch(updateBio(userData._id,bio) );\r\n setUpdateForm(false)\r\n }\r\n\r\n return (\r\n
\r\n \r\n

Profil de {userData.pseudo}

\r\n
\r\n
\r\n

photo de profil

\r\n \r\n \r\n\r\n {/*

{errors.maxSize}

\r\n

{errors.format}

*/}\r\n
\r\n
\r\n
\r\n

Bio

\r\n {/* si updateForm n'est pas true */}\r\n {updateForm !== true && (\r\n <>\r\n

setUpdateForm(!updateForm)}>{userData.bio}

\r\n \r\n \r\n )}\r\n {updateForm && (\r\n <>\r\n setBio(e.target.value)}\r\n >\r\n \r\n \r\n )}\r\n
\r\n

membre depuis le :{dateParser(userData.createdAt)}

\r\n {/* si le user a des following alors affiche longueur de following ( tabelau) sinon affiche 0*/}\r\n
setFollowingPopup(true)} >Abonnement : {userData.following ? userData.following.length : \"\"}
\r\n
setFollowersPopup(true)} >Abonnés :{userData.followers ? userData.followers.length : \"\"}
\r\n
\r\n
\r\n {/* si followingPopup est sur true */}\r\n {followingPopup && (\r\n
\r\n
\r\n

\r\n Abonnements\r\n

\r\n setFollowingPopup(false)} >✕\r\n
    \r\n {usersData.map((user)=>{\r\n for (let i=0 ;i\r\n \r\n

    {user.pseudo}

    \r\n \r\n \r\n\r\n )\r\n\r\n }\r\n }\r\n })}\r\n
\r\n
\r\n
\r\n )}\r\n {followersPopup && (\r\n
\r\n
\r\n

\r\n Abonnés\r\n

\r\n setFollowersPopup(false)} >✕\r\n
    \r\n {usersData.map((user)=>{\r\n for (let i=0 ;i\r\n \r\n

    {user.pseudo}

    \r\n \r\n \r\n\r\n )\r\n\r\n }\r\n }\r\n })}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default UpdateProfil;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}