{"componentChunkName":"component---gatsby-theme-mdx-deck-src-templates-deck-js","path":"/","matchPath":"/*","webpackCompilationHash":"47d2e26b69d79ca8c08c","result":{"data":{"deck":{"id":"cddb46e4-4c42-5278-be9e-cd1a2636d829","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar theme = customTheme;\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  theme: theme,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  Request: GET \\\"/api/szallasok\\\",                  \\u2192\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  Request: GET \\\"/api/szallasok\\\",                  \\u2192\\n  Response 403: {\\\"error\\\": \\\"unauthorized\\\"}         \\u2190\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 200:                                             \\u2190\\n    - Body: [{...}, {...}] // sz\\xE1ll\\xE1sok list\\xE1ja\\n \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 200:                                             \\u2190\\n    - Body: [{...}, {...}] // sz\\xE1ll\\xE1sok list\\xE1ja\\n\\n3.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 200:                                             \\u2190\\n    - Body: [{...}, {...}] // sz\\xE1ll\\xE1sok list\\xE1ja\\n\\n3.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 403:                                             \\u2190\\n    - Body {\\\"error\\\": \\\"token expired\\\"}\\n \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 200:                                             \\u2190\\n    - Body: [{...}, {...}] // sz\\xE1ll\\xE1sok list\\xE1ja\\n\\n3.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 403:                                             \\u2190\\n    - Body {\\\"error\\\": \\\"token expired\\\"}\\n\\n4.\\n  Request: GET \\\"/api/get-new-access-token\\\",                 \\u2192\\n    - Header: \\n        Cookie: kodbazisRefreshToken={refreshToken}\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n1.\\n  Request: POST \\\"/api/login-user\\\"\\u200E\\u200F                           \\u2192\\n    - Body: {\\\"email\\\": \\\"...\\\", \\\"password\\\": \\\"...\\\"}\\n  Response:                                                 \\u2190\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}\\n    - Header: \\n        Set-Cookie: kodbazisRefreshToken={refreshToken}\\n\\n2.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 200:                                             \\u2190\\n    - Body: [{...}, {...}] // sz\\xE1ll\\xE1sok list\\xE1ja\\n\\n3.\\n  Request: GET \\\"/api/szallasok\\\",                            \\u2192\\n    - Header: \\\"Authorization: Bearer\\\" + accessToken\\n  Response 403:                                             \\u2190\\n    - Body {\\\"error\\\": \\\"token expired\\\"}\\n\\n4.\\n  Request: GET \\\"/api/get-new-access-token\\\",                 \\u2192\\n    - Header: \\n        Cookie: kodbazisRefreshToken={refreshToken}\\n  Response:\\n    - Body: {\\\"accessToken\\\": \\\"...\\\"}                          \\u2190\\n \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-diff\"\n  }), \"\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  npx create-react-app\\u200E .\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  npx create-react-app\\u200E .\\n  npm i --save bootstrap\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  npx create-react-app\\u200E .\\n  npm i --save bootstrap\\n  npm i --save react-router-dom\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"  npx create-react-app\\u200E .\\n  npm i --save bootstrap\\n  npm i --save react-router-dom\\n  npm i --save axios\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"import \\\"./App.css\\\";\\n\\nexport function App() {\\n  \\n}\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"import \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        \\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"import \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"import \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\\nimport \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\nimport { SzallasSingle } from \\\"./SzallasSingle\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n\\n        <Route path=\\\"/szallas-:szallasId\\\">\\n          {(props) => <SzallasSingle id={props.match.params.szallasId} />}\\n        </Route>\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\nimport { SzallasSingle } from \\\"./SzallasSingle\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n\\n        <Route path=\\\"/szallas-:szallasId\\\">\\n          {(props) => <SzallasSingle id={props.match.params.szallasId} />}\\n        </Route>\\n\\n        <Redirect to={\\\"/bejelentkezes\\\"} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return 'login form';\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"6:38 title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"6:38\": true,\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"6:38 title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"6:38\": true,\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  function loginFormSubmit(e) {\\n    \\n  }\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\nimport { login } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  function loginFormSubmit(e) {\\n    e.preventDefault();\\n    setLoginPending(true);\\n    login(e.target.elements.email.value, e.target.elements.password.value)\\n  }\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\nimport { login } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n\\n  function loginFormSubmit(e) {\\n    e.preventDefault();\\n    setLoginPending(true);\\n    login(e.target.elements.email.value, e.target.elements.password.value)\\n      .then(() => {\\n        setLoginPending(false);\\n      })\\n      .catch((err) => {\\n        alert(\\\"Helytelen bejelentkez\\xE9si adatok, k\\xE9rj\\xFCk pr\\xF3b\\xE1ld \\xFAjra!\\\");\\n        setLoginPending(false);\\n      });\\n  }\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\nimport { login } from \\\"./AuthService\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n  const history = useHistory();\\n\\n  function loginFormSubmit(e) {\\n    e.preventDefault();\\n    setLoginPending(true);\\n    login(e.target.elements.email.value, e.target.elements.password.value)\\n      .then(() => {\\n        setLoginPending(false);\\n        history.push(\\\"/osszes-szallas\\\");\\n      })\\n      .catch((err) => {\\n        alert(\\\"Helytelen bejelentkez\\xE9si adatok, k\\xE9rj\\xFCk pr\\xF3b\\xE1ld \\xFAjra!\\\");\\n        setLoginPending(false);\\n      });\\n  }\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-diff\",\n    \"metastring\": \"2,12,22\",\n    \"2,12,22\": true\n  }), \"\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \"\\nimport axios from \\\"axios\\\";\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \"\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"2,12,22 title=\\\"./src/Bejelentkezes.js\\\"\",\n    \"2,12,22\": true,\n    \"title\": \"\\\"./src/Bejelentkezes.js\\\"\"\n  }), \"import { useState } from \\\"react\\\";\\nimport { login } from \\\"./AuthService\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function Bejelentkezes() {\\n  const [isLoginPending, setLoginPending] = useState(false);\\n  const history = useHistory();\\n\\n  function loginFormSubmit(e) {\\n    e.preventDefault();\\n    setLoginPending(true);\\n    login(e.target.elements.email.value, e.target.elements.password.value)\\n      .then(() => {\\n        setLoginPending(false);\\n        history.push(\\\"/osszes-szallas\\\");\\n      })\\n      .catch((err) => {\\n        alert(\\\"Helytelen bejelentkez\\xE9si adatok, k\\xE9rj\\xFCk pr\\xF3b\\xE1ld \\xFAjra!\\\");\\n        setLoginPending(false);\\n      });\\n  }\\n\\n  if (isLoginPending) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"container-fluid d-flex justify-content-center h-100 login-container\\\">\\n      <div className=\\\"card login-card\\\">\\n        <div className=\\\"card-header login-card-header\\\">\\n          <h3>Bejelentkez\\xE9s</h3>\\n        </div>\\n        <div className=\\\"card-body\\\">\\n          <form onSubmit={loginFormSubmit}>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"email\\\" name=\\\"email\\\" className=\\\"form-control\\\" placeholder=\\\"Email\\\" />\\n            </div>\\n            <div className=\\\"input-group form-group\\\">\\n              <input type=\\\"password\\\" name=\\\"password\\\" className=\\\"form-control\\\" placeholder=\\\"Jelsz\\xF3\\\" />\\n            </div>\\n            <div className=\\\"form-group\\\">\\n              <button type=\\\"submit\\\" className=\\\"btn float-right btn-warning\\\">\\n                K\\xFCld\\xE9s\\n              </button>\\n            </div>\\n          </form>\\n        </div>\\n      </div>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\nimport { SzallasSingle } from \\\"./SzallasSingle\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n\\n        <Route path=\\\"/szallas-:szallasId\\\">\\n          {(props) => <SzallasSingle id={props.match.params.szallasId} />}\\n        </Route>\\n\\n        <Redirect to={\\\"/bejelentkezes\\\"} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"15\": true,\n    \"className\": \"language-jsx\",\n    \"metastring\": \"15 title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\nimport { SzallasSingle } from \\\"./SzallasSingle\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n\\n        <Route path=\\\"/szallas-:szallasId\\\">\\n          {(props) => <SzallasSingle id={props.match.params.szallasId} />}\\n        </Route>\\n\\n        <Redirect to={\\\"/bejelentkezes\\\"} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \" \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetch(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.json())\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \" \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    \\n  },\\n  (error) => {\\n    \\n  }\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => {\\n\\n  },\\n  (error) => {\\n    \\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => {\\n    \\n  }\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => {\\n\\n  },\\n  (error) => {\\n    \\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"22,37 title=\\\"./src/AuthService.js\\\"\",\n    \"22,37\": true,\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => Promise.reject(error)\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => {\\n\\n  },\\n  (error) => {\\n    \\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-diff\"\n  }), \"\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => Promise.reject(error)\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => response,\\n  (error) => {\\n    \\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => Promise.reject(error)\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => response,\\n  (error) => {\\n    if (error.response.status !== 403) {\\n      return Promise.reject(error);\\n    }\\n    \\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/AuthService.js\\\"\",\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => Promise.reject(error)\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => response,\\n  (error) => {\\n    if (error.response.status !== 403) {\\n      return Promise.reject(error);\\n    }\\n\\n    const originalRequest = error.config;\\n\\n    if (originalRequest.isRetry) {\\n      return Promise.reject(error);\\n    }\\n\\n    originalRequest.isRetry = true;\\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"40:64 title=\\\"./src/AuthService.js\\\"\",\n    \"40:64\": true,\n    \"title\": \"\\\"./src/AuthService.js\\\"\"\n  }), \" \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport axios from \\\"axios\\\";\\n\\nlet accessToken = \\\"\\\";\\n\\nexport function login(email, password) {\\n  return axios\\n    .post(\\\"https://kodbazis.hu/api/login-user\\\", { email, password }, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = res.data.accessToken;\\n    });\\n}\\n\\nexport function logout() {\\n  return axios.post(\\\"https://kodbazis.hu/api/logout-user\\\", {}, { withCredentials: true })\\n    .then((res) => {\\n      accessToken = \\\"\\\";\\n    });\\n}\\n\\nexport const fetchHitelesitessel = axios.create();\\n\\nfetchHitelesitessel.interceptors.request.use(\\n  (config) => {\\n    if (!accessToken) {\\n      return config;\\n    }\\n\\n    return {\\n      ...config,\\n      headers: {\\n        ...config.headers,\\n        Authorization: `Bearer ${accessToken}`,\\n      }\\n    };\\n  },\\n  (error) => Promise.reject(error)\\n);\\n\\nfetchHitelesitessel.interceptors.response.use(\\n  (response) => response,\\n  (error) => {\\n    if (error.response.status !== 403) {\\n      return Promise.reject(error);\\n    }\\n\\n    const originalRequest = error.config;\\n\\n    if (originalRequest.isRetry) {\\n      return Promise.reject(error);\\n    }\\n\\n    originalRequest.isRetry = true;\\n\\n    return axios\\n      .get(\\\"https://kodbazis.hu/api/get-new-access-token\\\", {\\n        withCredentials: true,\\n      })\\n      .then((res) => {\\n        accessToken = res.data.accessToken;\\n      })\\n      .then(() => fetchHitelesitessel(originalRequest));\\n  }\\n);\\n \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-diff\"\n  }), \"\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \" \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"  \\u200E\\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallasok.length) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n  \\n  return \\\"sz\\xE1ll\\xE1s lista\\\";\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"25:51 title=\\\"./src/SzallasLista.js\\\"\",\n    \"25:51\": true,\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"  \\u200E\\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallasok.length) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div>\\n      <ul className=\\\"list-group w-100\\\">\\n        <div className=\\\"row border-bottom p-2 text-dark\\\">\\n          <div className=\\\"col-xs-12 col-sm-4\\\">\\n            <h5 className=\\\"visible-xs\\\">Megnevez\\xE9s</h5>\\n          </div>\\n          <h5 className=\\\"col-xs-4 col-sm-2 right\\\">Helysz\\xEDn</h5>\\n          <h5 className=\\\"col-xs-8 col-sm-3\\\">Minimum \\xE9jszak\\xE1k sz\\xE1ma</h5>\\n          <h5 className=\\\"col-xs-10 col-sm-2\\\">\\xC1r</h5>\\n        </div>\\n        {szallasok.map((szallas) => (\\n          \\n        ))}\\n      </ul>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"30:63 title=\\\"./src/SzallasLista.js\\\"\",\n    \"30:63\": true,\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"  \\u200E\\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallasok.length) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div>\\n      <ul className=\\\"list-group w-100\\\">\\n        <div className=\\\"row border-bottom p-2 text-dark\\\">\\n          <div className=\\\"col-xs-12 col-sm-4\\\">\\n            <h5 className=\\\"visible-xs\\\">Megnevez\\xE9s</h5>\\n          </div>\\n          <h5 className=\\\"col-xs-4 col-sm-2 right\\\">Helysz\\xEDn</h5>\\n          <h5 className=\\\"col-xs-8 col-sm-3\\\">Minimum \\xE9jszak\\xE1k sz\\xE1ma</h5>\\n          <h5 className=\\\"col-xs-10 col-sm-2\\\">\\xC1r</h5>\\n        </div>\\n        {szallasok.map((szallas) => (\\n          <NavLink key={szallas.id} to={\\\"/szallas-\\\" + szallas.id}>\\n            <div className=\\\"row border-bottom p-2 text-dark\\\">\\n              <div className=\\\"col-xs-12 col-sm-4\\\">\\n                <h4 className=\\\"visible-xs\\\">{szallas.name}</h4>\\n                <span className=\\\"hidden-xs\\\">{szallas.host_name}</span>\\n              </div>\\n              <div className=\\\"col-xs-4 col-sm-2 right\\\">\\n                {szallas.neighbourhood} {szallas.neighbourhood_group}\\n              </div>\\n              <div className=\\\"col-xs-8 col-sm-3\\\">{szallas.minimum_nights}</div>\\n              <div className=\\\"col-xs-10 col-sm-2\\\">{szallas.price}$</div>\\n            </div>\\n          </NavLink>\\n        ))}\\n      </ul>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasLista.js\\\"\",\n    \"title\": \"\\\"./src/SzallasLista.js\\\"\"\n  }), \"  \\u200E\\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory, NavLink } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\nimport { Kijelentkezes } from \\\"./Kijelentkezes\\\";\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nexport function SzallasLista() {\\n  const [szallasok, setSzallasok] = useState([]);\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok\\\")\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setPending(false);\\n        setSzallasok(tartalom);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallasok.length) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div>\\n      <Kijelentkezes />\\n      <ul className=\\\"list-group w-100\\\">\\n        <div className=\\\"row border-bottom p-2 text-dark\\\">\\n          <div className=\\\"col-xs-12 col-sm-4\\\">\\n            <h5 className=\\\"visible-xs\\\">Megnevez\\xE9s</h5>\\n          </div>\\n          <h5 className=\\\"col-xs-4 col-sm-2 right\\\">Helysz\\xEDn</h5>\\n          <h5 className=\\\"col-xs-8 col-sm-3\\\">Minimum \\xE9jszak\\xE1k sz\\xE1ma</h5>\\n          <h5 className=\\\"col-xs-10 col-sm-2\\\">\\xC1r</h5>\\n        </div>\\n        {szallasok.map((szallas) => (\\n          <NavLink key={szallas.id} to={\\\"/szallas-\\\" + szallas.id}>\\n            <div className=\\\"row border-bottom p-2 text-dark\\\">\\n              <div className=\\\"col-xs-12 col-sm-4\\\">\\n                <h4 className=\\\"visible-xs\\\">{szallas.name}</h4>\\n                <span className=\\\"hidden-xs\\\">{szallas.host_name}</span>\\n              </div>\\n              <div className=\\\"col-xs-4 col-sm-2 right\\\">\\n                {szallas.neighbourhood} {szallas.neighbourhood_group}\\n              </div>\\n              <div className=\\\"col-xs-8 col-sm-3\\\">{szallas.minimum_nights}</div>\\n              <div className=\\\"col-xs-10 col-sm-2\\\">{szallas.price}$</div>\\n            </div>\\n          </NavLink>\\n        ))}\\n      </ul>\\n    </div>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Kijelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Kijelentkezes.js\\\"\"\n  }), \"\\nexport function Kijelentkezes() {\\n\\n  return 'kijelentkez\\xE9s gomb';\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Kijelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Kijelentkezes.js\\\"\"\n  }), \"\\nimport { useHistory } from \\\"react-router-dom\\\";\\n\\nexport function Kijelentkezes() {\\n  const history = useHistory();\\n\\n  return 'kijelentkez\\xE9s gomb';\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/Kijelentkezes.js\\\"\",\n    \"title\": \"\\\"./src/Kijelentkezes.js\\\"\"\n  }), \" \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport { useHistory } from \\\"react-router-dom\\\";\\nimport { logout } from \\\"./AuthService\\\";\\n\\nexport function Kijelentkezes() {\\n  const history = useHistory();\\n\\n  return (\\n    <button\\n      className=\\\"btn btn-danger m-3 float-right\\\"\\n      onClick={() => {\\n        logout().finally(() => {\\n          history.push(\\\"/\\\");\\n        });\\n      }}\\n    >\\n      Kijelentkez\\xE9s\\n    </button>\\n  );\\n}\\n \\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\"))), mdx(\"hr\", null), mdx(CodeSurfer, {\n    mdxType: \"CodeSurfer\"\n  }, mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/App.js\\\"\",\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport \\\"./App.css\\\";\\nimport { BrowserRouter, Redirect, Route, Switch } from \\\"react-router-dom\\\";\\nimport { Bejelentkezes } from \\\"./Bejelentkezes\\\";\\nimport { SzallasLista } from \\\"./SzallasLista\\\";\\nimport { SzallasSingle } from \\\"./SzallasSingle\\\";\\n\\n\\nexport function App() {\\n  return (\\n    <BrowserRouter>\\n      <Switch>\\n        <Route path=\\\"/bejelentkezes\\\" exact component={Bejelentkezes} />\\n\\n        <Route path=\\\"/osszes-szallas\\\" component={SzallasLista} />\\n\\n        <Route path=\\\"/szallas-:szallasId\\\">\\n          {(props) => <SzallasSingle id={props.match.params.szallasId} />}\\n        </Route>\\n\\n        <Redirect to={\\\"/bejelentkezes\\\"} />\\n      </Switch>\\n    </BrowserRouter>\\n  );\\n}\\n\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-diff\",\n    \"metastring\": \"17:19 title=\\\"./src/App.js\\\"\",\n    \"17:19\": true,\n    \"title\": \"\\\"./src/App.js\\\"\"\n  }), \"\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasSingle.js\\\"\",\n    \"title\": \"\\\"./src/SzallasSingle.js\\\"\"\n  }), \"\\nexport function SzallasSingle({ id }) {\\n\\n  return \\\"sz\\xE1ll\\xE1s single\\\";\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasSingle.js\\\"\",\n    \"title\": \"\\\"./src/SzallasSingle.js\\\"\"\n  }), \"import { useEffect, useState } from \\\"react\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\nimport { Kijelentkezes } from \\\"./Kijelentkezes\\\";\\n\\nexport function SzallasSingle({ id }) {\\n  const [szallas, setSzallas] = useState({});\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  return \\\"sz\\xE1ll\\xE1s single\\\";\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasSingle.js\\\"\",\n    \"title\": \"\\\"./src/SzallasSingle.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\nimport { Kijelentkezes } from \\\"./Kijelentkezes\\\";\\n\\nexport function SzallasSingle({ id }) {\\n  const [szallas, setSzallas] = useState({});\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok/\\\" + id)\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setSzallas(tartalom);\\n        setPending(false);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  return \\\"sz\\xE1ll\\xE1s single\\\";\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasSingle.js\\\"\",\n    \"title\": \"\\\"./src/SzallasSingle.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\nimport { Kijelentkezes } from \\\"./Kijelentkezes\\\";\\n\\nexport function SzallasSingle({ id }) {\\n  const [szallas, setSzallas] = useState({});\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok/\\\" + id)\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setSzallas(tartalom);\\n        setPending(false);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallas.id) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n}\\n\\n\")), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\",\n    \"metastring\": \"title=\\\"./src/SzallasSingle.js\\\"\",\n    \"title\": \"\\\"./src/SzallasSingle.js\\\"\"\n  }), \"\\u200F\\u200F\\u200E \\u200E\\u200F\\u200F\\u200E \\u200E\\nimport { useEffect, useState } from \\\"react\\\";\\nimport { useHistory } from \\\"react-router-dom\\\";\\nimport { fetchHitelesitessel } from \\\"./AuthService\\\";\\nimport { Kijelentkezes } from \\\"./Kijelentkezes\\\";\\n\\nexport function SzallasSingle({ id }) {\\n  const [szallas, setSzallas] = useState({});\\n  const [isPending, setPending] = useState(false);\\n  const history = useHistory();\\n\\n  useEffect(() => {\\n    setPending(true);\\n    fetchHitelesitessel\\n      .get(\\\"https://kodbazis.hu/api/szallasok/\\\" + id)\\n      .then((res) => res.data)\\n      .then((tartalom) => {\\n        setSzallas(tartalom);\\n        setPending(false);\\n      })\\n      .catch(() => {\\n        setPending(false);\\n        history.push(\\\"/\\\");\\n      });\\n  }, []);\\n\\n  if (isPending || !szallas.id) {\\n    return (\\n      <div className=\\\"center-item\\\">\\n        <div className=\\\"spinner-border text-danger\\\"></div>\\n      </div>\\n    );\\n  }\\n\\n  return (\\n    <div className=\\\"card w-100 m-auto p-3\\\">\\n      <h1>{szallas.name}</h1>\\n      <h3>{szallas.host_name}</h3>\\n      <h3>\\n        {szallas.neighbourhood} {szallas.neighbourhood_group}\\n      </h3>\\n      <h3>{szallas.minimum_nights}</h3>\\n      <Kijelentkezes />\\n    </div>\\n  );\\n}\\n\\n\"))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"matchPath":"/*","isCreatedByStatefulCreatePages":false,"id":"cddb46e4-4c42-5278-be9e-cd1a2636d829","slug":"","title":""}}}