You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
17 KiB
1 line
17 KiB
{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\noanr\\\\OneDrive\\\\Documents\\\\2eme an\\xE9e\\\\FavorSiteWebComplet\\\\Favor\\\\Site Web\\\\client\\\\src\\\\components\\\\Navbar.js\",\n _s = $RefreshSig$();\nimport { NavLink } from \"react-router-dom\";\nimport { UidContext } from \"./AppContext\";\nimport React, { useContext } from 'react';\nimport { useSelector } from \"react-redux\";\nimport PP from \"../assets/img/unknown.png\";\nimport cookie from 'js-cookie';\nimport axios from \"axios\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Navbar = () => {\n _s();\n const uid = useContext(UidContext);\n const userData = useSelector(state => state.pictures.pictures);\n const removeCookie = key => {\n if (window !== \"undefined\") {\n cookie.remove(key, {\n expires: 1\n });\n }\n };\n const logout = async () => {\n await axios({\n method: 'get',\n url: `${process.env.REACT_APP_API_URL}api/user/logout`,\n withCredentials: true\n }).then(() => removeCookie('jwt')).catch(err => console.log(err));\n window.location = \"/Profil\";\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: uid ? /*#__PURE__*/_jsxDEV(\"header\", {\n children: /*#__PURE__*/_jsxDEV(\"nav\", {\n children: [/*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"partie-gauche-nav ul-navBar\",\n children: /*#__PURE__*/_jsxDEV(\"li\", {\n className: \"logo\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: \"\",\n alt: \"Logo\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 25\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"ul-navBar\",\n children: [/*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(NavLink, {\n to: \"/Decouvrir\",\n className: nav => nav.isActive ? \"nav-active b nav-active-tendances-decouvrir\" : \"b\",\n children: /*#__PURE__*/_jsxDEV(\"span\", {\n children: \"D\\xE9couvrir\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 33\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(NavLink, {\n to: \"/Home\",\n className: nav => nav.isActive ? \"nav-active b nav-active-menu\" : \"b\",\n children: /*#__PURE__*/_jsxDEV(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 512 512\",\n className: \"svg-home\",\n children: /*#__PURE__*/_jsxDEV(\"path\", {\n stroke: \"black\",\n fill: \"black\",\n d: \"M256 73.825a182.18 182.18 0 0 0-182.18 182.18c0 100.617 81.567 182.17 182.18 182.17a182.175 182.175 0 1 0 0-364.35zm76.636 161.579h-12.037v91.503a18.908 18.908 0 0 1-18.896 18.904h-26.78v-53.56a6.299 6.299 0 0 0-6.297-6.294H232.4a6.3 6.3 0 0 0-6.302 6.294v53.56h-26.771a18.91 18.91 0 0 1-18.906-18.904v-91.503h-11.97a7.879 7.879 0 0 1-5.071-13.905l82.055-69.039a7.89 7.89 0 0 1 10.142 0l81.479 68.547a7.88 7.88 0 0 1-4.421 14.396z\",\n \"data-name\": \"Home\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 37\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 33\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(NavLink, {\n to: \"/Tendances\",\n className: nav => nav.isActive ? \"nav-active b nav-active-tendances-decouvrir\" : \"b\",\n children: /*#__PURE__*/_jsxDEV(\"span\", {\n children: \"Tendances\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 33\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 25\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"partie-droit-nav ul-navBar\",\n children: [/*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(NavLink, {\n to: \"/Tendances\",\n className: \"b\",\n children: userData == null ? /*#__PURE__*/_jsxDEV(\"span\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 55\n }, this) : /*#__PURE__*/_jsxDEV(\"span\", {\n children: userData.pseudo\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 71\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(NavLink, {\n to: \"/Tendances\",\n className: \"b\",\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: PP,\n alt: \"Logo\",\n className: \"img-profile\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 33\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n onClick: logout,\n className: \"b\",\n children: /*#__PURE__*/_jsxDEV(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n className: \"svg-param\",\n viewBox: \"0 0 256 256\",\n children: /*#__PURE__*/_jsxDEV(\"path\", {\n d: \"M128,24A104,104,0,1,0,232,128,104.11791,104.11791,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.09957,88.09957,0,0,1,128,216Zm12-88a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,140,128Zm48,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,188,128Zm-96,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,92,128Z\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 37\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 33\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 29\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 25\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 17\n }, this) : /*#__PURE__*/_jsxDEV(\"div\", {\n children: \" \"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 87,\n columnNumber: 18\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }, this);\n};\n_s(Navbar, \"xpHWZFMyG6y3iuewbjH324HdMrs=\", false, function () {\n return [useSelector];\n});\n_c = Navbar;\nexport default Navbar;\nvar _c;\n$RefreshReg$(_c, \"Navbar\");","map":{"version":3,"names":["NavLink","UidContext","React","useContext","useSelector","PP","cookie","axios","Navbar","uid","userData","state","pictures","removeCookie","key","window","remove","expires","logout","method","url","process","env","REACT_APP_API_URL","withCredentials","then","catch","err","console","log","location","nav","isActive","pseudo"],"sources":["C:/Users/noanr/OneDrive/Documents/2eme anée/FavorSiteWebComplet/Favor/Site Web/client/src/components/Navbar.js"],"sourcesContent":["import { NavLink } from \"react-router-dom\";\r\nimport { UidContext } from \"./AppContext\";\r\nimport React, { useContext } from 'react';\r\nimport { useSelector } from \"react-redux\";\r\nimport PP from \"../assets/img/unknown.png\";\r\nimport cookie from 'js-cookie';\r\nimport axios from \"axios\";\r\n\r\nconst Navbar = () => {\r\n const uid = useContext( UidContext );\r\n const userData = useSelector((state) => state.pictures.pictures);\r\n \r\n const removeCookie = (key) => {\r\n if(window !== \"undefined\"){\r\n cookie.remove(key, {expires: 1} );\r\n }\r\n }\r\n\r\n const logout = async () => {\r\n await axios({\r\n method: 'get',\r\n url: `${process.env.REACT_APP_API_URL}api/user/logout`,\r\n withCredentials: true,\r\n })\r\n .then(() => removeCookie('jwt'))\r\n .catch((err) => console.log(err));\r\n window.location = \"/Profil\";\r\n\r\n }\r\n\r\n return (\r\n <div>\r\n {uid ? (\r\n <header>\r\n <nav>\r\n <ul className=\"partie-gauche-nav ul-navBar\">\r\n <li className=\"logo\">\r\n <img src=''alt='Logo'/>\r\n </li>\r\n </ul>\r\n <ul className=\"ul-navBar\">\r\n <li>\r\n <NavLink to=\"/Decouvrir\" className={((nav) => (nav.isActive ? \"nav-active b nav-active-tendances-decouvrir\" : \"b\"))}>\r\n <span>Découvrir</span>\r\n </NavLink>\r\n </li>\r\n \r\n <li>\r\n <NavLink to=\"/Home\" className={((nav) => (nav.isActive ? \"nav-active b nav-active-menu\" : \"b\"))}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" className=\"svg-home\">\r\n <path stroke=\"black\" fill='black' d=\"M256 73.825a182.18 182.18 0 0 0-182.18 182.18c0 100.617 81.567 182.17 182.18 182.17a182.175 182.175 0 1 0 0-364.35zm76.636 161.579h-12.037v91.503a18.908 18.908 0 0 1-18.896 18.904h-26.78v-53.56a6.299 6.299 0 0 0-6.297-6.294H232.4a6.3 6.3 0 0 0-6.302 6.294v53.56h-26.771a18.91 18.91 0 0 1-18.906-18.904v-91.503h-11.97a7.879 7.879 0 0 1-5.071-13.905l82.055-69.039a7.89 7.89 0 0 1 10.142 0l81.479 68.547a7.88 7.88 0 0 1-4.421 14.396z\" data-name=\"Home\"/>\r\n </svg>\r\n </NavLink> \r\n </li>\r\n \r\n \r\n <li>\r\n <NavLink to=\"/Tendances\" className={((nav) => (nav.isActive ? \"nav-active b nav-active-tendances-decouvrir\" : \"b\"))}>\r\n <span>Tendances</span>\r\n </NavLink>\r\n </li>\r\n </ul>\r\n <ul className=\"partie-droit-nav ul-navBar\">\r\n <li >\r\n <NavLink to=\"/Tendances\" className='b'>\r\n { (userData==null) ? (<span></span>):(<span>{userData.pseudo}</span>)}\r\n </NavLink>\r\n </li>\r\n \r\n <li>\r\n <NavLink to=\"/Tendances\" className='b'>\r\n <img src={PP} alt='Logo' className=\"img-profile\"/>\r\n </NavLink>\r\n </li>\r\n \r\n <li>\r\n <div onClick={logout} className='b'>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"svg-param\" viewBox=\"0 0 256 256\">\r\n <path d=\"M128,24A104,104,0,1,0,232,128,104.11791,104.11791,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.09957,88.09957,0,0,1,128,216Zm12-88a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,140,128Zm48,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,188,128Zm-96,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,92,128Z\"/>\r\n </svg>\r\n </div>\r\n </li>\r\n \r\n </ul>\r\n </nav>\r\n </header>\r\n ) : (<div> </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Navbar;"],"mappings":"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"},"metadata":{},"sourceType":"module"} |