{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\page\\\\technology.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 Technology = () => {\n _s();\n const [currentTekno, setCurrentTekno] = useState({});\n const [tekno, setTekno] = useState([]);\n useEffect(() => {\n fetch('data.json').then(response => response.json()).then(data => {\n setTekno(data.technology);\n setCurrentTekno(data.technology[0]);\n });\n }, []);\n const handleTeknoChange = teknoIndex => {\n setCurrentTekno(tekno[teknoIndex]);\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-tekno\",\n children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"h4\", {\n children: \"03 space loach 101\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \" d-flex\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"menu d-flex flex-column\",\n children: tekno.map((t, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"rounded-circle border border-white w-50 p-3\",\n onClick: () => handleTeknoChange(index),\n children: index + 1\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h6\", {\n children: currentTekno.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n children: currentTekno.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: currentTekno.description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container-tekno\",\n children: currentTekno.images && /*#__PURE__*/_jsxDEV(\"img\", {\n src: currentTekno.images.portrait,\n alt: currentTekno.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 37\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 7\n }, this);\n};\n_s(Technology, \"bj8eX0tLeCxLIhORjQzvN5CIaLU=\");\n_c = Technology;\nexport default Technology;\nvar _c;\n$RefreshReg$(_c, \"Technology\");","map":{"version":3,"names":["React","useEffect","useState","Navbar","Technology","currentTekno","setCurrentTekno","tekno","setTekno","fetch","then","response","json","data","technology","handleTeknoChange","teknoIndex","map","t","index","name","description","images","portrait"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/technology.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\n\r\nconst Technology = () => {\r\n const [currentTekno, setCurrentTekno] = useState({});\r\n const [tekno, setTekno] = useState([]);\r\n \r\n useEffect(() => {\r\n fetch('data.json')\r\n .then(response => response.json())\r\n .then(data => {\r\n setTekno(data.technology);\r\n setCurrentTekno(data.technology[0]);\r\n });\r\n }, []);\r\n \r\n const handleTeknoChange = (teknoIndex) => {\r\n setCurrentTekno(tekno[teknoIndex]);\r\n }\r\n \r\n return (\r\n
\r\n \r\n
\r\n

03 space loach 101

\r\n
\r\n
\r\n
\r\n
\r\n {tekno.map((t, index) => (\r\n
handleTeknoChange(index)}>\r\n {index + 1}\r\n
\r\n ))}\r\n
\r\n
\r\n
{currentTekno.name}
\r\n

{currentTekno.name}

\r\n

{currentTekno.description}

\r\n
\r\n
\r\n
\r\n {/* {currentTekno.name} */}\r\n {currentTekno.images && {currentTekno.name}}\r\n
\r\n
\r\n
\r\n );\r\n };\r\n \r\n export default Technology;"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,MAAM,MAAM,sBAAsB;AAAC;AAE1C,MAAMC,UAAU,GAAG,MAAM;EAAA;EACrB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAAC,CAAC,CAAC,CAAC;EACpD,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC;EAEtCD,SAAS,CAAC,MAAM;IACdQ,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAACC,QAAQ,IAAIA,QAAQ,CAACC,IAAI,EAAE,CAAC,CACjCF,IAAI,CAACG,IAAI,IAAI;MACZL,QAAQ,CAACK,IAAI,CAACC,UAAU,CAAC;MACzBR,eAAe,CAACO,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,iBAAiB,GAAIC,UAAU,IAAK;IACxCV,eAAe,CAACC,KAAK,CAACS,UAAU,CAAC,CAAC;EACpC,CAAC;EAED,oBACE;IAAK,SAAS,EAAC,UAAU;IAAA,wBACvB,QAAC,MAAM;MAAA;MAAA;MAAA;IAAA,QAAG,eACV;MAAA,uBACE;QAAA,UAAI;MAAkB;QAAA;QAAA;QAAA;MAAA;IAAK;MAAA;MAAA;MAAA;IAAA,QACvB,eACN;MAAK,SAAS,EAAC,YAAY;MAAA,wBACzB;QAAK,SAAS,EAAC,SAAS;QAAA,wBACtB;UAAK,SAAS,EAAC,yBAAyB;UAAA,UACrCT,KAAK,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAClB;YAAiB,SAAS,EAAC,6CAA6C;YAAC,OAAO,EAAE,MAAMJ,iBAAiB,CAACI,KAAK,CAAE;YAAA,UAC9GA,KAAK,GAAG;UAAC,GADFA,KAAK;YAAA;YAAA;YAAA;UAAA,QAGhB;QAAC;UAAA;UAAA;UAAA;QAAA,QACE,eACN;UAAA,wBACE;YAAA,UAAKd,YAAY,CAACe;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC5B;YAAA,UAAKf,YAAY,CAACe;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC5B;YAAA,UAAIf,YAAY,CAACgB;UAAW;YAAA;YAAA;YAAA;UAAA,QAAK;QAAA;UAAA;UAAA;UAAA;QAAA,QAC7B;MAAA;QAAA;QAAA;QAAA;MAAA,QACF,eACN;QAAK,SAAS,EAAC,iBAAiB;QAAA,UAE7BhB,YAAY,CAACiB,MAAM,iBAAI;UAAK,GAAG,EAAEjB,YAAY,CAACiB,MAAM,CAACC,QAAS;UAAC,GAAG,EAAElB,YAAY,CAACe;QAAK;UAAA;UAAA;UAAA;QAAA;MAAG;QAAA;QAAA;QAAA;MAAA,QACtF;IAAA;MAAA;MAAA;MAAA;IAAA,QACF;EAAA;IAAA;IAAA;IAAA;EAAA,QACF;AAEV,CAAC;AAAC,GA7CEhB,UAAU;AAAA,KAAVA,UAAU;AA+Cd,eAAeA,UAAU;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}