{"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 { useSelector } from \"react-redux\";\nimport LeftNav from \"../LeftNav\";\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  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"profil-container\",\n    children: [/*#__PURE__*/_jsxDEV(LeftNav, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n      children: [\"Profil de \", UserData.pseudo, \" \"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 13\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: 18,\n          columnNumber: 17\n        }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n          src: UserData.picture\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 19,\n          columnNumber: 17\n        }, this), /*#__PURE__*/_jsxDEV(UploadImg, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 20,\n          columnNumber: 16\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 16\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: 27,\n            columnNumber: 25\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: 31,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n              onClick: () => setUpdateForm(!updateForm),\n              children: \"Modifier bio\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 32,\n              columnNumber: 29\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\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 37,\n              columnNumber: 31\n            }, this)\n          }, void 0, false)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 26,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 13,\n    columnNumber: 9\n  }, this);\n};\n_s(UpdateProfil, \"lK6JPM07zlgEuMIJrHdALhft9ug=\", false, function () {\n  return [useSelector];\n});\n_c = UpdateProfil;\nexport default UpdateProfil;\nvar _c;\n$RefreshReg$(_c, \"UpdateProfil\");","map":{"version":3,"names":["React","useState","useSelector","LeftNav","UploadImg","UpdateProfil","bio","setBio","updateForm","setUpdateForm","UserData","state","userReducer","pseudo","picture","userData","e"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/profil/UpdateProfil.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport LeftNav from \"../LeftNav\";\r\nimport UploadImg from \"./UploadImg\";\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\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)}>Modifier bio</button>\r\n                            </>\r\n                        )}\r\n                        {updateForm && (\r\n                            <>\r\n                              <textarea type=\"text\" defaultValue={userData.bio} onChange={(e)=>setBio} ></textarea>\r\n                            </>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default UpdateProfil\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA;AAEpC,MAAMC,YAAY,GAAC,MAAI;EAAA;EACnB,MAAM,CAACC,GAAG,EAACC,MAAM,CAAC,GAACN,QAAQ,CAAC,EAAE,CAAC;EAC/B,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAACR,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMS,QAAQ,GAACR,WAAW,CAAES,KAAK,IAAGA,KAAK,CAACC,WAAW,CAAC;EAGtD,oBACI;IAAK,SAAS,EAAC,kBAAkB;IAAA,wBAC7B,QAAC,OAAO;MAAA;MAAA;MAAA;IAAA,QAAE,eACV;MAAA,WAAI,YAAU,EAACF,QAAQ,CAACG,MAAM,EAAC,GAAC;IAAA;MAAA;MAAA;MAAA;IAAA,QAAK,eACrC;MAAK,SAAS,EAAC,kBAAkB;MAAA,wBAC9B;QAAK,SAAS,EAAC,WAAW;QAAA,wBACzB;UAAA,UAAI;QAAe;UAAA;UAAA;UAAA;QAAA,QAAK,eACxB;UAAK,GAAG,EAAEH,QAAQ,CAACI;QAAQ;UAAA;UAAA;UAAA;QAAA,QAAE,eAC9B,QAAC,SAAS;UAAA;UAAA;UAAA;QAAA,QAAE;MAAA;QAAA;QAAA;QAAA;MAAA,QAIL,eACN;QAAK,SAAS,EAAC,YAAY;QAAA,uBACvB;UAAK,SAAS,EAAC,YAAY;UAAA,wBACvB;YAAA,UAAI;UAAG;YAAA;YAAA;YAAA;UAAA,QAAK,EAEXN,UAAU,KAAK,IAAI,iBAChB;YAAA,wBACA;cAAG,OAAO,EAAE,MAAIC,aAAa,CAAC,CAACD,UAAU,CAAE;cAAA,UAAGE,QAAQ,CAACJ;YAAG;cAAA;cAAA;cAAA;YAAA,QAAK,eAC/D;cAAQ,OAAO,EAAE,MAAIG,aAAa,CAAC,CAACD,UAAU,CAAE;cAAA,UAAC;YAAY;cAAA;cAAA;cAAA;YAAA,QAAS;UAAA,gBAEzE,EACAA,UAAU,iBACP;YAAA,uBACE;cAAU,IAAI,EAAC,MAAM;cAAC,YAAY,EAAEO,QAAQ,CAACT,GAAI;cAAC,QAAQ,EAAGU,CAAC,IAAGT;YAAO;cAAA;cAAA;cAAA;YAAA;UAAa,iBAE1F;QAAA;UAAA;UAAA;UAAA;QAAA;MACC;QAAA;QAAA;QAAA;MAAA,QACJ;IAAA;MAAA;MAAA;MAAA;IAAA,QACJ;EAAA;IAAA;IAAA;IAAA;EAAA,QACJ;AAEd,CAAC;AAAA,GAvCKF,YAAY;EAAA,QAGCH,WAAW;AAAA;AAAA,KAHxBG,YAAY;AAyClB,eAAeA,YAAY;AAAA;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}