{"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 { 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')\n    //   .then(response =>{\n    //     console.log(response)\n    //     return response.json();\n    //   })\n    async function fetchData() {\n      try {\n        const response = await fetch('data.json');\n        const data = await response.json();\n        console.log(data);\n      } catch (error) {\n        console.error(error);\n      }\n    }\n    fetchData();\n\n    //   .then((data) => {\n    //     setDestinations(data.destinations);\n    //     setCurrentDestination(data.destinations[0]);\n    //   });\n  }, []);\n  function select(text) {\n    destinations.forEach(destination => {\n      if (destination.name === text.innerHTML) {\n        setCurrentDestination(destination);\n      }\n    });\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    content();\n  }\n  function content() {\n    let picture = document.getElementById(\"picture\");\n    let name = document.getElementById(\"name\");\n    let desc = document.getElementById(\"description\");\n    let distance = document.getElementById(\"distance\");\n    let travel = document.getElementById(\"travel\");\n    picture.src = currentDestination.images.webp;\n    name.innerHTML = currentDestination.name;\n    desc.innerHTML = currentDestination.description;\n    distance.innerHTML = currentDestination.distance;\n    travel.innerHTML = currentDestination.travel;\n  }\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"bg-destination\",\n    children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"destination__content--text border row\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"container-planet\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          children: /*#__PURE__*/_jsxDEV(\"h5\", {\n            children: \"01 PICK YOUR DESTINATION\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          children: /*#__PURE__*/_jsxDEV(\"img\", {\n            id: \"picture\",\n            className: \"destination__content--planet\",\n            src: \"./images/destination/image-moon.png\",\n            alt: \"\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 72,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 71,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"container-plane\",\n        children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n          className: \"navbar \",\n          children: [/*#__PURE__*/_jsxDEV(\"h6\", {\n            className: \"nav-link nav-text nav-text--active\",\n            onClick: e => select(e.target),\n            children: \"MOON\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 82,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"h6\", {\n            className: \"nav-link\",\n            children: \"MARS\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 88,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"h6\", {\n            className: \"nav-link\",\n            children: \"EUROPA\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 89,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"h6\", {\n            className: \"nav-link\",\n            children: \"TITAN\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 90,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 81,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"tex_destination\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            id: \"name\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 94,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            id: \"description\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 95,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              id: \"distance\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 97,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              id: \"travel\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 98,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 96,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 64,\n    columnNumber: 5\n  }, this);\n};\n_s(Destination, \"ghJuS575yz1gNYwF0Umt6GINJHM=\");\n_c = Destination;\nexport default Destination;\nvar _c;\n$RefreshReg$(_c, \"Destination\");","map":{"version":3,"names":["React","useEffect","useState","Navbar","Destination","currentDestination","setCurrentDestination","destinations","setDestinations","fetchData","response","fetch","data","json","console","log","error","select","text","forEach","destination","name","innerHTML","siblings","n","parentElement","children","filter","c","brothers_n_sisters","classList","replace","e","content","picture","document","getElementById","desc","distance","travel","src","images","webp","description","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\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 =>{\r\n    //     console.log(response)\r\n    //     return response.json();\r\n    //   })\r\n      async function fetchData() {\r\n        try {\r\n          const response = await fetch('data.json');\r\n          const data = await response.json();\r\n          console.log(data);\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n      }\r\n      \r\n      fetchData();\r\n      \r\n    //   .then((data) => {\r\n    //     setDestinations(data.destinations);\r\n    //     setCurrentDestination(data.destinations[0]);\r\n    //   });\r\n  }, []);\r\n\r\n  function select(text) {\r\n    destinations.forEach((destination) => {\r\n      if (destination.name === text.innerHTML) {\r\n        setCurrentDestination(destination);\r\n      }\r\n    });\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    content();\r\n  }\r\n\r\n  function content() {\r\n    let picture = document.getElementById(\"picture\");\r\n    let name = document.getElementById(\"name\");\r\n    let desc = document.getElementById(\"description\");\r\n    let distance = document.getElementById(\"distance\");\r\n    let travel = document.getElementById(\"travel\");\r\n\r\n    picture.src = currentDestination.images.webp;\r\n    name.innerHTML = currentDestination.name;\r\n    desc.innerHTML = currentDestination.description;\r\n    distance.innerHTML = currentDestination.distance;\r\n    travel.innerHTML = currentDestination.travel;\r\n  }\r\n  return (\r\n    <div className=\"bg-destination\">\r\n      <Navbar />\r\n      <div className=\"destination__content--text border row\">\r\n        <div className=\"container-planet\">\r\n          <div>\r\n            <h5>01 PICK YOUR DESTINATION</h5>\r\n          </div>\r\n          <div>\r\n            <img\r\n              id=\"picture\"\r\n              className=\"destination__content--planet\"\r\n              src=\"./images/destination/image-moon.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"container-plane\">\r\n          <nav className=\"navbar \">\r\n            <h6\r\n              className=\"nav-link nav-text nav-text--active\"\r\n              onClick={(e) => select(e.target)}\r\n            >\r\n              MOON\r\n            </h6>\r\n            <h6 className=\"nav-link\">MARS</h6>\r\n            <h6 className=\"nav-link\">EUROPA</h6>\r\n            <h6 className=\"nav-link\">TITAN</h6>\r\n          </nav>\r\n\r\n          <div className=\"tex_destination\">\r\n            <div id=\"name\"></div>\r\n            <div id=\"description\"></div>\r\n            <div>\r\n              <div id=\"distance\"></div>\r\n              <div id=\"travel\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default Destination;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}