1 line
6.5 KiB
JSON
1 line
6.5 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/Nav';\nimport Footer from './components/Footer/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 request = require('request');\n\n const options = {\n method: 'GET',\n url: 'https://mlb-data.p.rapidapi.com/json/named.player_teams.bam',\n qs: {\n player_id: '\\'493316\\'',\n season: '\\'2014\\''\n },\n headers: {\n 'x-rapidapi-host': 'mlb-data.p.rapidapi.com',\n 'x-rapidapi-key': 'undefined',\n useQueryString: true\n }\n };\n request(options, function (error, response, body) {\n if (error) throw new Error(error);\n console.log(body);\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(Nav, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 4\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: () => setDarkMode(!darkMode),\n children: \"Toggle Dark Mode\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 4\n }, this), /*#__PURE__*/_jsxDEV(Main, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 4\n }, this), /*#__PURE__*/_jsxDEV(Footer, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 4\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 61,\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","request","require","options","method","url","qs","player_id","season","headers","useQueryString","error","response","body","Error","console","log","darkMode","setDarkMode","useState","useEffect","json","localStorage","getItem","currentMode","JSON","parse","document","classList","add","remove","stringify","setItem"],"mappings":";;;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,YAAP,C,CACA;;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,IAAP,MAAiB,wBAAjB,C,CAEA;AACA;AACA;AACA;AACA;;;;AAEA,SAASC,GAAT,GAAe;AAAA;;AAEd,QAAMC,OAAO,GAAGC,OAAO,CAAC,SAAD,CAAvB;;AAEA,QAAMC,OAAO,GAAG;AACdC,IAAAA,MAAM,EAAE,KADM;AAEdC,IAAAA,GAAG,EAAE,6DAFS;AAGdC,IAAAA,EAAE,EAAE;AAACC,MAAAA,SAAS,EAAE,YAAZ;AAA0BC,MAAAA,MAAM,EAAE;AAAlC,KAHU;AAIdC,IAAAA,OAAO,EAAE;AACV,yBAAmB,yBADT;AAEV,wBAAkB,WAFR;AAGVC,MAAAA,cAAc,EAAE;AAHN;AAJK,GAAhB;AAWAT,EAAAA,OAAO,CAACE,OAAD,EAAU,UAAUQ,KAAV,EAAiBC,QAAjB,EAA2BC,IAA3B,EAAiC;AACjD,QAAIF,KAAJ,EAAW,MAAM,IAAIG,KAAJ,CAAUH,KAAV,CAAN;AAEXI,IAAAA,OAAO,CAACC,GAAR,CAAYH,IAAZ;AACA,GAJM,CAAP;AAOA,QAAM,CAACI,QAAD,EAAWC,WAAX,IAA0BtB,KAAK,CAACuB,QAAN,CAAe,KAAf,CAAhC;AAEAvB,EAAAA,KAAK,CAACwB,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;AAUAtB,EAAAA,KAAK,CAACwB,SAAN,CAAgB,MAAM;AACrB,QAAIH,QAAJ,EAAc;AACbU,MAAAA,QAAQ,CAACd,IAAT,CAAce,SAAd,CAAwBC,GAAxB,CAA4B,MAA5B;AACA,KAFD,MAEO;AACNF,MAAAA,QAAQ,CAACd,IAAT,CAAce,SAAd,CAAwBE,MAAxB,CAA+B,MAA/B;AACA;;AACD,UAAMT,IAAI,GAAGI,IAAI,CAACM,SAAL,CAAed,QAAf,CAAb;AACAK,IAAAA,YAAY,CAACU,OAAb,CAAqB,mBAArB,EAA0CX,IAA1C;AACA,GARD,EAQG,CAACJ,QAAD,CARH;AAUA,sBACC;AAAK,IAAA,SAAS,EAAC,KAAf;AAAA,4BACC,QAAC,GAAD;AAAA;AAAA;AAAA;AAAA,YADD,eAEC;AAAQ,MAAA,OAAO,EAAE,MAAMC,WAAW,CAAC,CAACD,QAAF,CAAlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAFD,eAKC,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,YALD,eAMC,QAAC,MAAD;AAAA;AAAA;AAAA;AAAA,YAND;AAAA;AAAA;AAAA;AAAA;AAAA,UADD;AAUA;;GAtDQjB,G;;KAAAA,G;AAwDT,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/Nav';\nimport Footer from './components/Footer/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\n\tconst request = require('request');\n\n\tconst options = {\n\t method: 'GET',\n\t url: 'https://mlb-data.p.rapidapi.com/json/named.player_teams.bam',\n\t qs: {player_id: '\\'493316\\'', season: '\\'2014\\''},\n\t headers: {\n\t\t'x-rapidapi-host': 'mlb-data.p.rapidapi.com',\n\t\t'x-rapidapi-key': 'undefined',\n\t\tuseQueryString: true\n\t }\n\t};\n\t\n\trequest(options, function (error, response, body) {\n\t\tif (error) throw new Error(error);\n\t\n\t\tconsole.log(body);\n\t});\n\t\n\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<Nav />\n\t\t\t<button onClick={() => setDarkMode(!darkMode)}>\n\t\t\t\tToggle Dark Mode\n\t\t\t</button>\n\t\t\t<Main />\n\t\t\t<Footer />\n\t\t</div>\n\t);\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"} |