{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\page\\\\Destination.js\",\n _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport Navbar from \"../components/Navbar\";\nimport axios from \"axios\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Destination = () => {\n _s();\n const [currentDestination, setCurrentDestination] = useState({});\n const [destinations, setDestinations] = useState([]);\n useEffect(() => {\n fetch(\"data.json\").then(response => response.json()).then(data => {\n setDestinations(data.destinations);\n setCurrentDestination(data.destinations[0]);\n });\n }, []);\n useEffect(() => {\n content();\n }, [currentDestination]);\n function select(text) {\n const selectedDestination = destinations.find(destination => destination.name === text.innerHTML);\n setCurrentDestination(selectedDestination);\n var siblings = n => [...n.parentElement.children].filter(c => c !== n);\n var brothers_n_sisters = siblings(text);\n text.classList.replace(\"destination__select\", \"nav-text--active\");\n brothers_n_sisters.forEach(e => e.classList.replace(\"nav-text--active\", \"destination__select\"));\n }\n function content() {\n if (currentDestination !== null && currentDestination !== void 0 && currentDestination.images) {\n setPictureSrc(currentDestination.images.png);\n setName(currentDestination.name);\n setDescription(currentDestination.description);\n setDistance(currentDestination.distance);\n setTravel(currentDestination.travel);\n }\n }\n\n // Dans le corps de la fonction Destination\n const [pictureSrc, setPictureSrc] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [distance, setDistance] = useState(\"\");\n const [travel, setTravel] = useState(\"\");\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-destination\",\n children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"h5\", {\n children: \"01 PICK YOUR DESTINATION\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container border \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll centre\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n id: \"picture\",\n className: \"destination__content--planet\",\n src: pictureSrc,\n alt: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"containerAll d-flex justify-content-between\",\n children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n className: \"navbar \",\n children: destinations.map(destination => /*#__PURE__*/_jsxDEV(\"h6\", {\n className: `nav-link nav-text ${currentDestination.name === destination.name ? \"nav-text--active\" : \"destination__select\"}`,\n onClick: e => select(e.target),\n children: destination.name\n }, destination.name, false, {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 15\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"tex_destination\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n id: \"name\",\n children: /*#__PURE__*/_jsxDEV(\"h3\", {\n children: name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"descriptionP\",\n children: /*#__PURE__*/_jsxDEV(\"p\", {\n id: \"description\",\n children: description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 15\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"distanceTravel d-flex justify-content-between\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n children: \"AVG.DISTANCE\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"distance\",\n children: distance\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n children: \"EST.TRAVEL TIME\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 16\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"travel\",\n children: [travel, \" \"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 88,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 5\n }, this);\n};\n_s(Destination, \"1pxca25h2XA+QSf+G45jiuuHUKw=\");\n_c = Destination;\nexport default Destination;\nvar _c;\n$RefreshReg$(_c, \"Destination\");","map":{"version":3,"names":["React","useEffect","useState","Navbar","axios","Destination","currentDestination","setCurrentDestination","destinations","setDestinations","fetch","then","response","json","data","content","select","text","selectedDestination","find","destination","name","innerHTML","siblings","n","parentElement","children","filter","c","brothers_n_sisters","classList","replace","forEach","e","images","setPictureSrc","png","setName","setDescription","description","setDistance","distance","setTravel","travel","pictureSrc","map","target"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/Destination.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\nimport axios from \"axios\";\r\n\r\nconst Destination = () => {\r\n const [currentDestination, setCurrentDestination] = useState({});\r\n const [destinations, setDestinations] = useState([]);\r\n\r\n useEffect(() => {\r\n fetch(\"data.json\")\r\n .then((response) => response.json())\r\n .then((data) => {\r\n setDestinations(data.destinations);\r\n setCurrentDestination(data.destinations[0]);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n content();\r\n }, [currentDestination]);\r\n\r\n function select(text) {\r\n const selectedDestination = destinations.find(\r\n (destination) => destination.name === text.innerHTML\r\n );\r\n setCurrentDestination(selectedDestination);\r\n\r\n var siblings = (n) => [...n.parentElement.children].filter((c) => c !== n);\r\n\r\n var brothers_n_sisters = siblings(text);\r\n text.classList.replace(\"destination__select\", \"nav-text--active\");\r\n brothers_n_sisters.forEach((e) =>\r\n e.classList.replace(\"nav-text--active\", \"destination__select\")\r\n );\r\n }\r\n\r\n function content() {\r\n if (currentDestination?.images) {\r\n setPictureSrc(currentDestination.images.png);\r\n setName(currentDestination.name);\r\n setDescription(currentDestination.description);\r\n setDistance(currentDestination.distance);\r\n setTravel(currentDestination.travel);\r\n }\r\n }\r\n\r\n // Dans le corps de la fonction Destination\r\n const [pictureSrc, setPictureSrc] = useState(\"\");\r\n const [name, setName] = useState(\"\");\r\n const [description, setDescription] = useState(\"\");\r\n const [distance, setDistance] = useState(\"\");\r\n const [travel, setTravel] = useState(\"\");\r\n\r\n return (\r\n
\r\n \r\n
\r\n
01 PICK YOUR DESTINATION
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n

{name}

\r\n
\r\n
\r\n

{description}

\r\n
\r\n
\r\n
\r\n

AVG.DISTANCE

\r\n
{distance}
\r\n
\r\n
\r\n

EST.TRAVEL TIME

\r\n
{travel}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Destination;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}