{"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 const [selectedCrewIndex, setSelectedCrewIndex] = useState(0);\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 setSelectedCrewIndex(crewIndex);\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-crew\",\n children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"h4\", {\n children: [\" \", /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"number\",\n children: \"02\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 14\n }, this), \" MEET YOUR CREW\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container d-flex containerCrew\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll centre\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \" texte-container d-flex flex-column\",\n children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n children: currentCrew.role\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n children: currentCrew.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: currentCrew.bio\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"d-flex boutonDiv\",\n children: crew.map((t, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: `bouton ${selectedCrewIndex === index ? 'selected' : ''}`,\n onClick: () => {\n setCurrentCrew(crew[index]);\n setSelectedCrewIndex(index);\n }\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 13\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 30,\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: 53,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 5\n }, this);\n};\n_s(Crew, \"r/XUkqGMxetw3e92mNNA7YF0lHo=\");\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","selectedCrewIndex","setSelectedCrewIndex","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 const [selectedCrewIndex, setSelectedCrewIndex] = useState(0);\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 setSelectedCrewIndex(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 {setCurrentCrew(crew[index]);\r\n setSelectedCrewIndex(index);}}\r\n >\r\n \r\n
\r\n ))}\r\n
\r\n
\r\n\r\n\r\n
\r\n {currentCrew.images && (\r\n {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;EACpC,MAAM,CAACO,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGR,QAAQ,CAAC,CAAC,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACdU,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,EAAE,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdP,OAAO,CAACO,IAAI,CAACR,IAAI,CAAC;MAClBD,cAAc,CAACS,IAAI,CAACR,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,gBAAgB,GAAIC,SAAS,IAAK;IACtCX,cAAc,CAACC,IAAI,CAACU,SAAS,CAAC,CAAC;IAC/BP,oBAAoB,CAACO,SAAS,CAAC;EACnC,CAAC;EAED,oBACE;IAAK,SAAS,EAAC,SAAS;IAAA,wBACtB,QAAC,MAAM;MAAA;MAAA;MAAA;IAAA,QAAG,eACV;MAAA,uBACE;QAAA,WAAI,GAAC;UAAM,SAAS,EAAC,QAAQ;UAAA,UAAC;QAAE;UAAA;UAAA;UAAA;QAAA,QAAO,mBAAe;MAAA;QAAA;QAAA;QAAA;MAAA;IAAK;MAAA;MAAA;MAAA;IAAA,QACvD,eACN;MAAK,SAAS,EAAC,iCAAiC;MAAA,wBAC9C;QAAK,SAAS,EAAC,qBAAqB;QAAA,wBAClC;UAAK,SAAS,EAAC,qCAAqC;UAAA,wBAClD;YAAA,UAAKZ,WAAW,CAACa;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC3B;YAAA,UAAKb,WAAW,CAACc;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC3B;YAAA,UAAId,WAAW,CAACe;UAAG;YAAA;YAAA;YAAA;UAAA,QAAK;QAAA;UAAA;UAAA;UAAA;QAAA,QACpB,eACR;UAAK,SAAS,EAAC,kBAAkB;UAAA,UAC9Bb,IAAI,CAACc,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACjB;YAEE,SAAS,EAAG,UAASd,iBAAiB,KAAKc,KAAK,GAAG,UAAU,GAAG,EAAG,EAAE;YACrE,OAAO,EAAE,MAAO;cAACjB,cAAc,CAACC,IAAI,CAACgB,KAAK,CAAC,CAAC;cAC1Cb,oBAAoB,CAACa,KAAK,CAAC;YAAC;UAAE,GAH3BA,KAAK;YAAA;YAAA;YAAA;UAAA,QAOb;QAAC;UAAA;UAAA;UAAA;QAAA,QACE;MAAA;QAAA;QAAA;QAAA;MAAA,QACA,eAGN;QAAK,SAAS,EAAC,cAAc;QAAC,EAAE,EAAC,cAAc;QAAA,UAC5ClB,WAAW,CAACmB,MAAM,iBACjB;UAAK,GAAG,EAAEnB,WAAW,CAACmB,MAAM,CAACC,GAAI;UAAC,GAAG,EAAEpB,WAAW,CAACc;QAAK;UAAA;UAAA;UAAA;QAAA;MACzD;QAAA;QAAA;QAAA;MAAA,QACG;IAAA;MAAA;MAAA;MAAA;IAAA,QACF;EAAA;IAAA;IAAA;IAAA;EAAA,QACF;AAEV,CAAC;AAAC,GAvDIf,IAAI;AAAA,KAAJA,IAAI;AAyDV,eAAeA,IAAI;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}