{"ast":null,"code":"import _toConsumableArray from\"C:/Users/user/Desktop/00monsite/front/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\";import _slicedToArray from\"C:/Users/user/Desktop/00monsite/front/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useEffect,useState}from\"react\";import Navbar from\"../components/Navbar\";import axios from\"axios\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Destination=function Destination(){var _useState=useState({}),_useState2=_slicedToArray(_useState,2),currentDestination=_useState2[0],setCurrentDestination=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),destinations=_useState4[0],setDestinations=_useState4[1];useEffect(function(){fetch(\"data.json\").then(function(response){return response.json();}).then(function(data){setDestinations(data.destinations);setCurrentDestination(data.destinations[0]);});},[]);useEffect(function(){content();},[currentDestination]);function select(text){var selectedDestination=destinations.find(function(destination){return destination.name===text.innerHTML;});setCurrentDestination(selectedDestination);var siblings=function siblings(n){return _toConsumableArray(n.parentElement.children).filter(function(c){return c!==n;});};var brothers_n_sisters=siblings(text);text.classList.replace(\"destination__select\",\"nav-text--active\");brothers_n_sisters.forEach(function(e){return e.classList.replace(\"nav-text--active\",\"destination__select\");});}function content(){if(currentDestination!==null&¤tDestination!==void 0&¤tDestination.images){setPictureSrc(currentDestination.images.png);setName(currentDestination.name);setDescription(currentDestination.description);setDistance(currentDestination.distance);setTravel(currentDestination.travel);}}// Dans le corps de la fonction Destination\nvar _useState5=useState(\"\"),_useState6=_slicedToArray(_useState5,2),pictureSrc=_useState6[0],setPictureSrc=_useState6[1];var _useState7=useState(\"\"),_useState8=_slicedToArray(_useState7,2),name=_useState8[0],setName=_useState8[1];var _useState9=useState(\"\"),_useState10=_slicedToArray(_useState9,2),description=_useState10[0],setDescription=_useState10[1];var _useState11=useState(\"\"),_useState12=_slicedToArray(_useState11,2),distance=_useState12[0],setDistance=_useState12[1];var _useState13=useState(\"\"),_useState14=_slicedToArray(_useState13,2),travel=_useState14[0],setTravel=_useState14[1];return/*#__PURE__*/_jsxs(\"div\",{className:\"bg-destination \",children:[/*#__PURE__*/_jsx(Navbar,{}),/*#__PURE__*/_jsxs(\"section\",{children:[/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(\"h4\",{children:[\" \",/*#__PURE__*/_jsx(\"span\",{className:\"number\",children:\"01\"}),\" PICK YOUR DESTINATION\"]})}),/*#__PURE__*/_jsxs(\"div\",{className:\"container\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"containerAll centre\",children:/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsx(\"img\",{id:\"picture\",className:\"destination__content--planet\",src:pictureSrc,alt:\"\"})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"containerAll \",children:[/*#__PURE__*/_jsx(\"nav\",{className:\"navbar \",id:\"navDestination\",children:destinations.map(function(destination){return/*#__PURE__*/_jsx(\"h6\",{className:\"nav-link nav-text \".concat(currentDestination.name===destination.name?\"nav-text--active\":\"destination__select\"),onClick:function onClick(e){return select(e.target);},children:destination.name},destination.name);})}),/*#__PURE__*/_jsxs(\"div\",{className:\"tex_destination\",children:[/*#__PURE__*/_jsx(\"div\",{id:\"name\",children:/*#__PURE__*/_jsx(\"h3\",{children:name})}),/*#__PURE__*/_jsx(\"div\",{className:\"descriptionP\",children:/*#__PURE__*/_jsx(\"p\",{id:\"description\",children:description})}),/*#__PURE__*/_jsxs(\"div\",{className:\"distanceTravel d-flex justify-content-between\",children:[/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"p\",{children:\"AVG.DISTANCE\"}),/*#__PURE__*/_jsx(\"div\",{id:\"distance\",children:distance})]}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"p\",{children:\"EST.TRAVEL TIME\"}),/*#__PURE__*/_jsxs(\"div\",{id:\"travel\",children:[travel,\" \"]})]})]})]})]})]})]})]});};export default 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\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
\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\n\r\nexport default Destination;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}