{"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 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 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: 26,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n      children: [\"Profil de \", userData.pseudo, \" \"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\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: 30,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n          src: userData.picture\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 31,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(UploadImg, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 29,\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: 39,\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: 43,\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: 44,\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: 51,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n              onClick: handleUpdate,\n              children: \"Valider modifications\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 56,\n              columnNumber: 17\n            }, this)]\n          }, void 0, true)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\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: 60,\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: 62,\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: 63,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\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: 70,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n          className: \"cross\",\n          onClick: () => setFo,\n          children: \"\\u2715\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 13\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 10\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 25,\n    columnNumber: 5\n  }, this);\n};\n_s(UpdateProfil, \"DvXU8HqlQ009Rb6PWVt9aZ0aDTc=\", false, function () {\n  return [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","UploadImg","UpdateProfil","bio","setBio","updateForm","setUpdateForm","userData","state","userReducer","dispatch","followingPopup","setFollowingPopup","followersPopup","setFollowersPopup","handleUpdate","_id","pseudo","picture","e","target","value","createdAt","following","length","followers","setFo"],"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 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 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    <div className=\"profil-container\">\r\n      <LeftNav />\r\n      <h1>Profil de {userData.pseudo} </h1>\r\n      <div className=\"update-container\">\r\n        <div className=\"left-part\">\r\n          <h3>photo de profil</h3>\r\n          <img src={userData.picture} />\r\n          <UploadImg />\r\n\r\n          {/* <p> {errors.maxSize} </p>\r\n                <p> {errors.format} </p> */}\r\n        </div>\r\n        <div className=\"right-part\">\r\n          <div className=\"bio-update\">\r\n            <h3>Bio</h3>\r\n            {/* si updateForm n'est pas true */}\r\n            {updateForm !== true && (\r\n              <>\r\n                <p onClick={() => setUpdateForm(!updateForm)}>{userData.bio}</p>\r\n                <button onClick={() => setUpdateForm(!updateForm)}>\r\n                  Modifier bio\r\n                </button>\r\n              </>\r\n            )}\r\n            {updateForm && (\r\n              <>\r\n                <textarea\r\n                  type=\"text\"\r\n                  defaultValue={userData.bio}\r\n                  onChange={(e) => setBio(e.target.value)}\r\n                ></textarea>\r\n                <button onClick={handleUpdate} >Valider modifications</button>\r\n              </>\r\n            )}\r\n          </div>\r\n          <h4>membre depuis le :{dateParser(userData.createdAt)} </h4>\r\n          {/* si le user a des following alors affiche longueur de following ( tabelau) sinon affiche 0*/}\r\n          <h5 onClick={()=>setFollowingPopup(true)} >Abonnement : {userData.following ? userData.following.length : \"\"} </h5>\r\n          <h5 onClick={()=>setFollowersPopup(true)}   >Abonnés :{userData.followers ? userData.followers.length : \"\"} </h5>\r\n        </div>\r\n      </div>\r\n      {/* si followingPopup est sur true */}\r\n      {followingPopup && (\r\n         <div className=\"popup-profil-container\">\r\n            <div className=\"modal\">\r\n            <h3>\r\n                Abonnements\r\n            </h3>\r\n            <span className=\"cross\"onClick={()=>setFo} >&#10005;</span>\r\n             </div>\r\n         </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UpdateProfil;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}