{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\page\\\\crew.js\",\n _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport Navbar from \"../components/Navbar\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Crew = () => {\n _s();\n const [currentCrew, setCurrentCrew] = useState({});\n const [crew, setCrew] = useState([]);\n useEffect(() => {\n fetch(\"data.json\").then(response => response.json()).then(data => {\n setCrew(data.crew);\n setCurrentCrew(data.crew[0]);\n });\n }, []);\n const handleChangeCrew = crewIndex => {\n setCurrentCrew(crew[crewIndex]);\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-crew\",\n children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"h4\", {\n children: \"02 MEET YOUR CREW\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container d-flex \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll centre\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"d-flex flex-column\",\n children: [/*#__PURE__*/_jsxDEV(\"h6\", {\n children: currentCrew.role\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n children: currentCrew.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: currentCrew.bio\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"d-flex\",\n children: crew.map((t, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"rounded-circle border border-white w-10 p-3\",\n onClick: () => handleChangeCrew(index),\n children: index + 1\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 15\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll\",\n id: \"containerAll\",\n children: currentCrew.images && /*#__PURE__*/_jsxDEV(\"img\", {\n src: currentCrew.images.png,\n alt: currentCrew.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 36\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 5\n }, this);\n};\n_s(Crew, \"msVDbPGzaWs1Wb8tCma8bekqs7c=\");\n_c = Crew;\nexport default Crew;\nvar _c;\n$RefreshReg$(_c, \"Crew\");","map":{"version":3,"names":["React","useEffect","useState","Navbar","Crew","currentCrew","setCurrentCrew","crew","setCrew","fetch","then","response","json","data","handleChangeCrew","crewIndex","role","name","bio","map","t","index","images","png"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/crew.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\n\r\nconst Crew = () => {\r\n const [currentCrew, setCurrentCrew] = useState({});\r\n const [crew, setCrew] = useState([]);\r\n\r\n useEffect(() => {\r\n fetch(\"data.json\")\r\n .then((response) => response.json())\r\n .then((data) => {\r\n setCrew(data.crew);\r\n setCurrentCrew(data.crew[0]);\r\n });\r\n }, []);\r\n\r\n const handleChangeCrew = (crewIndex) => {\r\n setCurrentCrew(crew[crewIndex]);\r\n };\r\n\r\n return (\r\n
\r\n \r\n
\r\n

02 MEET YOUR CREW

\r\n
\r\n
\r\n
\r\n
\r\n
{currentCrew.role}
\r\n

{currentCrew.name}

\r\n

{currentCrew.bio}

\r\n
\r\n
\r\n {crew.map((t, index) => (\r\n handleChangeCrew(index)}\r\n >\r\n {index + 1}\r\n
\r\n ))}\r\n
\r\n
\r\n\r\n
\r\n \r\n\r\n {currentCrew.images && {currentCrew.name}/}\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Crew;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,MAAM,MAAM,sBAAsB;AAAC;AAE1C,MAAMC,IAAI,GAAG,MAAM;EAAA;EACjB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGJ,QAAQ,CAAC,CAAC,CAAC,CAAC;EAClD,MAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC;EAEpCD,SAAS,CAAC,MAAM;IACdQ,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,EAAE,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdL,OAAO,CAACK,IAAI,CAACN,IAAI,CAAC;MAClBD,cAAc,CAACO,IAAI,CAACN,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,gBAAgB,GAAIC,SAAS,IAAK;IACtCT,cAAc,CAACC,IAAI,CAACQ,SAAS,CAAC,CAAC;EACjC,CAAC;EAED,oBACE;IAAK,SAAS,EAAC,SAAS;IAAA,wBACtB,QAAC,MAAM;MAAA;MAAA;MAAA;IAAA,QAAG,eACV;MAAA,uBACE;QAAA,UAAI;MAAiB;QAAA;QAAA;QAAA;MAAA;IAAK;MAAA;MAAA;MAAA;IAAA,QACtB,eACN;MAAK,SAAS,EAAC,mBAAmB;MAAA,wBAChC;QAAK,SAAS,EAAC,qBAAqB;QAAA,wBAClC;UAAK,SAAS,EAAC,oBAAoB;UAAA,wBACjC;YAAA,UAAKV,WAAW,CAACW;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC3B;YAAA,UAAKX,WAAW,CAACY;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC3B;YAAA,UAAIZ,WAAW,CAACa;UAAG;YAAA;YAAA;YAAA;UAAA,QAAK;QAAA;UAAA;UAAA;UAAA;QAAA,QACpB,eACN;UAAK,SAAS,EAAC,QAAQ;UAAA,UACpBX,IAAI,CAACY,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACjB;YAEE,SAAS,EAAC,6CAA6C;YACvD,OAAO,EAAE,MAAMP,gBAAgB,CAACO,KAAK,CAAE;YAAA,UAEtCA,KAAK,GAAG;UAAC,GAJLA,KAAK;YAAA;YAAA;YAAA;UAAA,QAMb;QAAC;UAAA;UAAA;UAAA;QAAA,QACE;MAAA;QAAA;QAAA;QAAA;MAAA,QACF,eAEN;QAAK,SAAS,EAAC,cAAc;QAAE,EAAE,EAAC,cAAc;QAAA,UAG3ChB,WAAW,CAACiB,MAAM,iBAAI;UAAK,GAAG,EAAEjB,WAAW,CAACiB,MAAM,CAACC,GAAI;UAAC,GAAG,EAAElB,WAAW,CAACY;QAAK;UAAA;UAAA;UAAA;QAAA;MAAE;QAAA;QAAA;QAAA;MAAA,QAE/E;IAAA;MAAA;MAAA;MAAA;IAAA,QACF;EAAA;IAAA;IAAA;IAAA;EAAA,QACF;AAEV,CAAC;AAAC,GApDIb,IAAI;AAAA,KAAJA,IAAI;AAsDV,eAAeA,IAAI;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}