{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/05mediaSocial/client/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useState}from\"react\";import{useDispatch,useSelector}from\"react-redux\";import{uploadPicture}from\"../../actions/user.actions\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var UploadImg=function UploadImg(){var _useState=useState(),_useState2=_slicedToArray(_useState,2),file=_useState2[0],setFile=_useState2[1];var dispatch=useDispatch();var userData=useSelector(function(state){return state.userReducer;});var handlePicture=function handlePicture(e){e.preventDefault();var data=new FormData();data.append('name',userData.pseudo);data.append('userId',userData._id);data.append('file',file);dispatch(uploadPicture(data,userData._id));};return/*#__PURE__*/_jsxs(\"form\",{action:\"\",onSubmit:handlePicture,className:\"upload-pic\",children:[/*#__PURE__*/_jsx(\"label\",{htmlFor:\"file\",children:\"Changer l'image\"}),/*#__PURE__*/_jsx(\"input\",{type:\"file\",id:\"file\",name:\"file\",accept:\".jpg, .jpeg, .png\",onChange:function onChange(e){return setFile(e.target.files[0]);}}),/*#__PURE__*/_jsx(\"br\",{}),/*#__PURE__*/_jsx(\"input\",{type:\"submit\",value:\"envoyer\"})]});};export default UploadImg;","map":{"version":3,"names":["React","useState","useDispatch","useSelector","uploadPicture","UploadImg","file","setFile","dispatch","userData","state","userReducer","handlePicture","e","preventDefault","data","FormData","append","pseudo","_id","target","files"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/profil/UploadImg.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { uploadPicture } from \"../../actions/user.actions\";\r\n\r\nconst UploadImg=()=>{\r\n    const [file,setFile]=useState()\r\n    const dispatch=useDispatch()\r\n    const userData=useSelector((state)=>state.userReducer)\r\n\r\n\r\n    const handlePicture=(e)=>{\r\n        e.preventDefault()\r\n        const data=new FormData();\r\n        data.append('name',userData.pseudo);\r\n        data.append('userId',userData._id);\r\n        data.append('file',file);\r\n\r\n        dispatch(uploadPicture(data,userData._id))\r\n    }\r\n\r\n    \r\n\r\n\r\n    return(\r\n        <form action=\"\" onSubmit={handlePicture} className=\"upload-pic\">\r\n            <label htmlFor=\"file\">Changer l'image</label>\r\n            <input type=\"file\"\r\n             id='file'\r\n              name='file'\r\n               accept=\".jpg, .jpeg, .png\"\r\n            onChange={(e)=>setFile(e.target.files[0] ) } />\r\n            <br/>\r\n            <input type=\"submit\" value=\"envoyer\"/>\r\n\r\n        </form>\r\n    )\r\n}\r\nexport default UploadImg\r\n"],"mappings":"gIAAA,MAAOA,MAAK,EAAIC,QAAQ,KAAQ,OAAO,CACvC,OAASC,WAAW,CAAEC,WAAW,KAAQ,aAAa,CACtD,OAASC,aAAa,KAAQ,4BAA4B,CAAC,wFAE3D,GAAMC,UAAS,CAAC,QAAVA,UAAS,EAAK,CAChB,cAAqBJ,QAAQ,EAAE,wCAAxBK,IAAI,eAACC,OAAO,eACnB,GAAMC,SAAQ,CAACN,WAAW,EAAE,CAC5B,GAAMO,SAAQ,CAACN,WAAW,CAAC,SAACO,KAAK,QAAGA,MAAK,CAACC,WAAW,GAAC,CAGtD,GAAMC,cAAa,CAAC,QAAdA,cAAa,CAAEC,CAAC,CAAG,CACrBA,CAAC,CAACC,cAAc,EAAE,CAClB,GAAMC,KAAI,CAAC,GAAIC,SAAQ,EAAE,CACzBD,IAAI,CAACE,MAAM,CAAC,MAAM,CAACR,QAAQ,CAACS,MAAM,CAAC,CACnCH,IAAI,CAACE,MAAM,CAAC,QAAQ,CAACR,QAAQ,CAACU,GAAG,CAAC,CAClCJ,IAAI,CAACE,MAAM,CAAC,MAAM,CAACX,IAAI,CAAC,CAExBE,QAAQ,CAACJ,aAAa,CAACW,IAAI,CAACN,QAAQ,CAACU,GAAG,CAAC,CAAC,CAC9C,CAAC,CAKD,mBACI,cAAM,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAEP,aAAc,CAAC,SAAS,CAAC,YAAY,wBAC3D,cAAO,OAAO,CAAC,MAAM,UAAC,iBAAe,EAAQ,cAC7C,cAAO,IAAI,CAAC,MAAM,CACjB,EAAE,CAAC,MAAM,CACR,IAAI,CAAC,MAAM,CACV,MAAM,CAAC,mBAAmB,CAC7B,QAAQ,CAAE,kBAACC,CAAC,QAAGN,QAAO,CAACM,CAAC,CAACO,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,CAAE,EAAE,EAAG,cAC/C,aAAK,cACL,cAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,GAEnC,CAEf,CAAC,CACD,cAAehB,UAAS"},"metadata":{},"sourceType":"module","externalDependencies":[]}