{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\projet dashboard\\\\dashboard\\\\src\\\\components\\\\tableau_main\\\\components\\\\users.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Users = () => {\n  _s();\n  const [donneesUsers, setDonneesUsers] = useState(null);\n  useEffect(() => {\n    fetch(\"./../data_users.json\").then(response => response.json()).then(data => {\n      setDonneesUsers(data.users);\n    }).catch(e => {\n      console.error(\"erreur données recup json\");\n    });\n  }, []);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"\",\n    children: donneesUsers && donneesUsers.map((item, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \" row userDiv\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"d_flex align-item-center\",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"photo\",\n          children: [/*#__PURE__*/_jsxDEV(\"img\", {\n            className: \"photoUsers\",\n            src: `${item.photo}`,\n            alt: item.nom\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 25,\n            columnNumber: 17\n          }, this), \" \"]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 15\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 13\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"\",\n          children: `${item.name}`\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 33,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"\",\n          children: `${item.country}`\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 34,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 13\n      }, this)]\n    }, index, true, {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 11\n    }, this))\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 18,\n    columnNumber: 5\n  }, this);\n};\n_s(Users, \"YVcvfr+DD8U0pyv2cHSDqkepB9c=\");\n_c = Users;\nexport default Users;\nvar _c;\n$RefreshReg$(_c, \"Users\");","map":{"version":3,"names":["React","useEffect","useState","jsxDEV","_jsxDEV","Users","_s","donneesUsers","setDonneesUsers","fetch","then","response","json","data","users","catch","e","console","error","className","children","map","item","index","src","photo","alt","nom","fileName","_jsxFileName","lineNumber","columnNumber","name","country","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/projet dashboard/dashboard/src/components/tableau_main/components/users.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\nconst Users = () => {\r\n  const [donneesUsers, setDonneesUsers] = useState(null);\r\n\r\n  useEffect(() => {\r\n    fetch(\"./../data_users.json\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setDonneesUsers(data.users);\r\n      })\r\n      .catch((e) => {\r\n        console.error(\"erreur données recup json\");\r\n      });\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"\">\r\n      \r\n      {donneesUsers &&\r\n        donneesUsers.map((item, index) => (\r\n          <div key={index} className=\" row userDiv\">\r\n            <div className=\"d_flex align-item-center\">\r\n              <div className=\"photo\">\r\n                <img\r\n                  className=\"photoUsers\"\r\n                  src={`${item.photo}`}\r\n                  alt={item.nom}\r\n                />{\" \"}\r\n              </div>\r\n            </div>\r\n            <div>\r\n            <div className=\"\">{`${item.name}`}</div>\r\n            <div className=\"\">{`${item.country}`}</div>\r\n\r\n            </div>\r\n\r\n\r\n           \r\n          </div>\r\n        ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Users;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnD,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAClB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,QAAQ,CAAC,IAAI,CAAC;EAEtDD,SAAS,CAAC,MAAM;IACdQ,KAAK,CAAC,sBAAsB,CAAC,CAC1BC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdL,eAAe,CAACK,IAAI,CAACC,KAAK,CAAC;IAC7B,CAAC,CAAC,CACDC,KAAK,CAAEC,CAAC,IAAK;MACZC,OAAO,CAACC,KAAK,CAAC,2BAA2B,CAAC;IAC5C,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEd,OAAA;IAAKe,SAAS,EAAC,EAAE;IAAAC,QAAA,EAEdb,YAAY,IACXA,YAAY,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC3BnB,OAAA;MAAiBe,SAAS,EAAC,cAAc;MAAAC,QAAA,gBACvChB,OAAA;QAAKe,SAAS,EAAC,0BAA0B;QAAAC,QAAA,eACvChB,OAAA;UAAKe,SAAS,EAAC,OAAO;UAAAC,QAAA,gBACpBhB,OAAA;YACEe,SAAS,EAAC,YAAY;YACtBK,GAAG,EAAG,GAAEF,IAAI,CAACG,KAAM,EAAE;YACrBC,GAAG,EAAEJ,IAAI,CAACK;UAAI;YAAAC,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OACf,CAAC,EAAC,GAAG;QAAA;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACH;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACH,CAAC,eACN3B,OAAA;QAAAgB,QAAA,gBACAhB,OAAA;UAAKe,SAAS,EAAC,EAAE;UAAAC,QAAA,EAAG,GAAEE,IAAI,CAACU,IAAK;QAAC;UAAAJ,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC,eACxC3B,OAAA;UAAKe,SAAS,EAAC,EAAE;UAAAC,QAAA,EAAG,GAAEE,IAAI,CAACW,OAAQ;QAAC;UAAAL,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEtC,CAAC;IAAA,GAdER,KAAK;MAAAK,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAkBV,CACN;EAAC;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACD,CAAC;AAEV,CAAC;AAACzB,EAAA,CAzCID,KAAK;AAAA6B,EAAA,GAAL7B,KAAK;AA2CX,eAAeA,KAAK;AAAC,IAAA6B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}