1 line
6.9 KiB
JSON
1 line
6.9 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/tylerkoenig/Code/personal/react-scss2/src/components/Nav/Nav.js\",\n _s = $RefreshSig$();\n\nimport React from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nfunction Nav() {\n _s();\n\n const [darkMode, setDarkMode] = React.useState(false);\n React.useEffect(() => {\n const json = localStorage.getItem('lerko96-dark-mode');\n const currentMode = JSON.parse(json);\n\n if (currentMode) {\n setDarkMode(true);\n } else {\n setDarkMode(false);\n }\n }, []);\n React.useEffect(() => {\n if (darkMode) {\n document.body.classList.add('dark');\n } else {\n document.body.classList.remove('dark');\n }\n\n const json = JSON.stringify(darkMode);\n localStorage.setItem('lerko96-dark-mode', json);\n }, [darkMode]);\n\n /*#__PURE__*/\n _jsxDEV(\"header\", {\n children: /*#__PURE__*/_jsxDEV(\"nav\", {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n id: \"logo\",\n children: /*#__PURE__*/_jsxDEV(\"a\", {\n href: \"index.html\",\n children: \"tk\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 5\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 4\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"nav__list\",\n children: /*#__PURE__*/_jsxDEV(\"ul\", {\n children: [/*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"a\", {\n href: \"#profile\",\n target: \"_self\",\n children: \"PROFILE\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 6\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"a\", {\n href: \"#projects\",\n target: \"_self\",\n children: \"PROJECTS\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 6\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: () => setDarkMode(!darkMode),\n children: \"Toggle Dark Mode\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 6\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 5\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 4\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 3\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 2\n }, this);\n}\n\n_s(Nav, \"jxWvogfm97D9w3+yMzVp/epPJCw=\");\n\n_c = Nav;\n;\nexport default Nav;\n\nvar _c;\n\n$RefreshReg$(_c, \"Nav\");","map":{"version":3,"sources":["/Users/tylerkoenig/Code/personal/react-scss2/src/components/Nav/Nav.js"],"names":["React","Nav","darkMode","setDarkMode","useState","useEffect","json","localStorage","getItem","currentMode","JSON","parse","document","body","classList","add","remove","stringify","setItem"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,GAAT,GAAe;AAAA;;AACd,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BH,KAAK,CAACI,QAAN,CAAe,KAAf,CAAhC;AAEAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AACrB,UAAMC,IAAI,GAAGC,YAAY,CAACC,OAAb,CAAqB,mBAArB,CAAb;AACA,UAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWL,IAAX,CAApB;;AACA,QAAIG,WAAJ,EAAiB;AAChBN,MAAAA,WAAW,CAAC,IAAD,CAAX;AACA,KAFD,MAEO;AACNA,MAAAA,WAAW,CAAC,KAAD,CAAX;AACA;AACD,GARD,EAQG,EARH;AAUAH,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AACrB,QAAIH,QAAJ,EAAc;AACbU,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,MAA5B;AACA,KAFD,MAEO;AACNH,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+B,MAA/B;AACA;;AACD,UAAMV,IAAI,GAAGI,IAAI,CAACO,SAAL,CAAef,QAAf,CAAb;AACAK,IAAAA,YAAY,CAACW,OAAb,CAAqB,mBAArB,EAA0CZ,IAA1C;AACA,GARD,EAQG,CAACJ,QAAD,CARH;;AAWA;AAAA;AAAA,2BACC;AAAA,8BACC;AAAK,QAAA,EAAE,EAAC,MAAR;AAAA,+BACC;AAAG,UAAA,IAAI,EAAC,YAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,cADD,eAIC;AAAK,QAAA,EAAE,EAAC,WAAR;AAAA,+BACC;AAAA,kCAMC;AAAA,mCACC;AAAG,cAAA,IAAI,EAAC,UAAR;AAAmB,cAAA,MAAM,EAAC,OAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,kBAND,eAWC;AAAA,mCACC;AAAG,cAAA,IAAI,EAAC,WAAR;AAAoB,cAAA,MAAM,EAAC,OAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,kBAXD,eAgBC;AAAA,mCACC;AAAQ,cAAA,OAAO,EAAE,MAAMC,WAAW,CAAC,CAACD,QAAF,CAAlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,kBAhBD;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,cAJD;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA;AAoCI;;GA5DID,G;;KAAAA,G;AA4DJ;AAEL,eAAeA,GAAf","sourcesContent":["import React from 'react';\n\n\nfunction Nav() {\n\tconst [darkMode, setDarkMode] = React.useState(false);\n\n\tReact.useEffect(() => {\n\t\tconst json = localStorage.getItem('lerko96-dark-mode');\n\t\tconst currentMode = JSON.parse(json);\n\t\tif (currentMode) {\n\t\t\tsetDarkMode(true);\n\t\t} else {\n\t\t\tsetDarkMode(false);\n\t\t}\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tif (darkMode) {\n\t\t\tdocument.body.classList.add('dark');\n\t\t} else {\n\t\t\tdocument.body.classList.remove('dark');\n\t\t}\n\t\tconst json = JSON.stringify(darkMode);\n\t\tlocalStorage.setItem('lerko96-dark-mode', json);\n\t}, [darkMode]);\n\n\t\n\t<header>\n\t\t<nav>\n\t\t\t<div id='logo'>\n\t\t\t\t<a href='index.html'>tk</a>\n\t\t\t</div>\n\t\t\t<div id='nav__list'>\n\t\t\t\t<ul>\n\t\t\t\t\t{/* <li id='nav__contact'>\n\t\t\t\t\t\t<a href='#contact' target='_self'>\n\t\t\t\t\t\t\tCONTACT\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li> */}\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a href='#profile' target='_self'>\n\t\t\t\t\t\t\tPROFILE\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a href='#projects' target='_self'>\n\t\t\t\t\t\t\tPROJECTS\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<button onClick={() => setDarkMode(!darkMode)}>\n\t\t\t\t\t\t\tToggle Dark Mode\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t\t{/* <li>\n\t\t\t\t\t\t<a href='#skills' target='_self'>\n\t\t\t\t\t\t\tSKILLS\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li> */}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</nav>\n\t</header>\n\t\t\t\t};\n\nexport default Nav;\n"]},"metadata":{},"sourceType":"module"} |