{"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: 57,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"section\", {\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"title\",\n        children: /*#__PURE__*/_jsxDEV(\"h4\", {\n          children: [\" \", /*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"number\",\n            children: \"01\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 60,\n            columnNumber: 18\n          }, this), \" PICK YOUR DESTINATION\"]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 60,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"container\",\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: 65,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 64,\n            columnNumber: 11\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 63,\n          columnNumber: 9\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"containerAll \",\n          children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n            className: \"navbar \",\n            id: \"navDestination\",\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: 76,\n              columnNumber: 15\n            }, this))\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 74,\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: 92,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 91,\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: 95,\n                columnNumber: 15\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 94,\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: 99,\n                  columnNumber: 17\n                }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                  id: \"distance\",\n                  children: distance\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 100,\n                  columnNumber: 17\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 98,\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: 103,\n                  columnNumber: 16\n                }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                  id: \"travel\",\n                  children: [travel, \" \"]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 104,\n                  columnNumber: 15\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 102,\n                columnNumber: 15\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 97,\n              columnNumber: 13\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 90,\n            columnNumber: 11\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 9\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 7\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 56,\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\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    <div className=\"bg-destination \">\r\n      <Navbar />\r\n      <section>\r\n          <div className=\"title\">\r\n            <h4> <span className=\"number\">01</span> PICK YOUR DESTINATION</h4>\r\n          </div>\r\n      <div className=\"container\">\r\n        <div className=\"containerAll centre\">\r\n          <div>\r\n            <img\r\n              id=\"picture\"\r\n              className=\"destination__content--planet\"\r\n              src={pictureSrc}\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"containerAll \">\r\n          <nav className=\"navbar \" id=\"navDestination\">\r\n            {destinations.map((destination) => (\r\n              <h6\r\n                key={destination.name}\r\n                className={`nav-link nav-text ${\r\n                  currentDestination.name === destination.name\r\n                    ? \"nav-text--active\"\r\n                    : \"destination__select\"\r\n                }`}\r\n                onClick={(e) => select(e.target)}\r\n              >\r\n                {destination.name}\r\n              </h6>\r\n            ))}\r\n          </nav>\r\n\r\n          <div className=\"tex_destination\">\r\n            <div id=\"name\">\r\n              <h3>{name}</h3>\r\n            </div>\r\n            <div className=\"descriptionP\">\r\n              <p id=\"description\">{description}</p>\r\n            </div>\r\n            <div className=\"distanceTravel d-flex justify-content-between\">\r\n              <div>\r\n                <p>AVG.DISTANCE</p>\r\n                <div id=\"distance\">{distance}</div>\r\n              </div>\r\n              <div>\r\n               <p>EST.TRAVEL TIME</p>\r\n              <div id=\"travel\">{travel} </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      </section>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Destination;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}