1 line
6.2 KiB
JSON
1 line
6.2 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/tylerkoenig/Code/personal/react-scss2/src/App.js\",\n _s = $RefreshSig$();\n\n// import logo from './logo.svg';\nimport React from 'react';\nimport './App.scss'; // import Greet from './components/Greet';\n\nimport Nav from './components/Nav';\nimport Footer from './components/Footer';\nimport Main from './components/Main/Main'; // fix dark mode\n// function mySwitch() {\n// \tvar element2 = document.body;\n// \telement2.classList.toggle('dark');\n// }\n\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nfunction App() {\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 return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"App\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n class: \"app_wrapper\",\n children: [/*#__PURE__*/_jsxDEV(Nav, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 5\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n class: \"switch-container\",\n children: /*#__PURE__*/_jsxDEV(\"label\", {\n class: \"switch-wrap\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"checkbox\",\n onClick: () => setDarkMode(!darkMode)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n class: \"switch\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 6\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 5\n }, this), /*#__PURE__*/_jsxDEV(Main, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 5\n }, this), /*#__PURE__*/_jsxDEV(Footer, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 5\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 4\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 3\n }, this);\n}\n\n_s(App, \"jxWvogfm97D9w3+yMzVp/epPJCw=\");\n\n_c = App;\nexport default App;\n\nvar _c;\n\n$RefreshReg$(_c, \"App\");","map":{"version":3,"sources":["/Users/tylerkoenig/Code/personal/react-scss2/src/App.js"],"names":["React","Nav","Footer","Main","App","darkMode","setDarkMode","useState","useEffect","json","localStorage","getItem","currentMode","JSON","parse","document","body","classList","add","remove","stringify","setItem"],"mappings":";;;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,YAAP,C,CACA;;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,IAAP,MAAiB,wBAAjB,C,CAEA;AACA;AACA;AACA;AACA;;;;AAEA,SAASC,GAAT,GAAe;AAAA;;AACd,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BN,KAAK,CAACO,QAAN,CAAe,KAAf,CAAhC;AAEAP,EAAAA,KAAK,CAACQ,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;AAUAN,EAAAA,KAAK,CAACQ,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;AAUA,sBACC;AAAK,IAAA,SAAS,EAAC,KAAf;AAAA,2BACC;AAAK,MAAA,KAAK,EAAC,aAAX;AAAA,8BACC,QAAC,GAAD;AAAA;AAAA;AAAA;AAAA,cADD,eAEC;AAAK,QAAA,KAAK,EAAC,kBAAX;AAAA,+BACC;AAAO,UAAA,KAAK,EAAC,aAAb;AAAA,kCACC;AACC,YAAA,IAAI,EAAC,UADN;AAEC,YAAA,OAAO,EAAE,MAAMC,WAAW,CAAC,CAACD,QAAF;AAF3B;AAAA;AAAA;AAAA;AAAA,kBADD,eAKC;AAAK,YAAA,KAAK,EAAC;AAAX;AAAA;AAAA;AAAA;AAAA,kBALD;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,cAFD,eAWC,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,cAXD,eAYC,QAAC,MAAD;AAAA;AAAA;AAAA;AAAA,cAZD;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,UADD;AAkBA;;GAzCQD,G;;KAAAA,G;AA2CT,eAAeA,GAAf","sourcesContent":["// import logo from './logo.svg';\nimport React from 'react';\n\nimport './App.scss';\n// import Greet from './components/Greet';\nimport Nav from './components/Nav';\nimport Footer from './components/Footer';\nimport Main from './components/Main/Main';\n\n// fix dark mode\n// function mySwitch() {\n// \tvar element2 = document.body;\n// \telement2.classList.toggle('dark');\n// }\n\nfunction App() {\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\treturn (\n\t\t<div className='App'>\n\t\t\t<div class='app_wrapper'>\n\t\t\t\t<Nav />\n\t\t\t\t<div class='switch-container'>\n\t\t\t\t\t<label class='switch-wrap'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tonClick={() => setDarkMode(!darkMode)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div class='switch'></div>\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t<Main />\n\t\t\t\t<Footer />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"} |