{"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 const [loading, setLoading] = useState(true);\n useEffect(() => {\n fetch(\"data.json\").then(response => response.json()).then(data => {\n setCrew(data.crew);\n setCurrentCrew(data.crew[0]);\n setLoading(false);\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: 27,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"titleContent\",\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: 29,\n columnNumber: 14\n }, this), \" MEET YOUR CREW\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\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 className: \"number\",\n children: currentCrew.role\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n children: currentCrew.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: currentCrew.bio\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 33,\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: 40,\n columnNumber: 13\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll\",\n id: \"containerAll\",\n children: loading ? /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"spinner\",\n children: \"Loading...\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 9\n }, this) : /*#__PURE__*/_jsxDEV(\"img\", {\n src: currentCrew.images.png,\n alt: currentCrew.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 5\n }, this);\n};\n_s(Crew, \"OETN0x5tdX6bW1bKeKjvNEDZE58=\");\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","loading","setLoading","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 const [loading, setLoading] = useState(true);\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 setLoading(false);\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 {loading ? (\r\n
Loading...
\r\n ) : (\r\n \r\n {currentCrew.name}\r\n \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;EAC7D,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EAE5CD,SAAS,CAAC,MAAM;IACdY,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,EAAE,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdT,OAAO,CAACS,IAAI,CAACV,IAAI,CAAC;MAClBD,cAAc,CAACW,IAAI,CAACV,IAAI,CAAC,CAAC,CAAC,CAAC;MAC5BK,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,gBAAgB,GAAIC,SAAS,IAAK;IACtCb,cAAc,CAACC,IAAI,CAACY,SAAS,CAAC,CAAC;IAC/BT,oBAAoB,CAACS,SAAS,CAAC;EACnC,CAAC;EAED,oBACE;IAAK,SAAS,EAAC,SAAS;IAAA,wBACtB,QAAC,MAAM;MAAA;MAAA;MAAA;IAAA,QAAG,eACV;MAAK,SAAS,EAAC,cAAc;MAAA,uBAC3B;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;YAAI,SAAS,EAAC,QAAQ;YAAA,UAAEd,WAAW,CAACe;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC9C;YAAA,UAAKf,WAAW,CAACgB;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC3B;YAAA,UAAIhB,WAAW,CAACiB;UAAG;YAAA;YAAA;YAAA;UAAA,QAAK;QAAA;UAAA;UAAA;UAAA;QAAA,QACpB,eACR;UAAK,SAAS,EAAC,kBAAkB;UAAA,UAC9Bf,IAAI,CAACgB,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACjB;YAEE,SAAS,EAAG,UAAShB,iBAAiB,KAAKgB,KAAK,GAAG,UAAU,GAAG,EAAG,EAAE;YACrE,OAAO,EAAE,MAAO;cAACnB,cAAc,CAACC,IAAI,CAACkB,KAAK,CAAC,CAAC;cAC1Cf,oBAAoB,CAACe,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,UAC9Cd,OAAO,gBACR;UAAK,SAAS,EAAC,SAAS;UAAA,UAAC;QAAU;UAAA;UAAA;UAAA;QAAA,QAAM,gBAGrC;UAAK,GAAG,EAAEN,WAAW,CAACqB,MAAM,CAACC,GAAI;UAAC,GAAG,EAAEtB,WAAW,CAACgB;QAAK;UAAA;UAAA;UAAA;QAAA;MAE7D;QAAA;QAAA;QAAA;MAAA,QACO;IAAA;MAAA;MAAA;MAAA;IAAA,QACF;EAAA;IAAA;IAAA;IAAA;EAAA,QACF;AAEV,CAAC;AAAC,GA7DIjB,IAAI;AAAA,KAAJA,IAAI;AA+DV,eAAeA,IAAI;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}