{"version":3,"sources":["App.js","serviceWorker.js","index.js"],"names":["withStyles","theme","root","height","width","borderRadius","border","colorPrimary","backgroundColor","bar","LinearProgress","App","className","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"8OAO6BA,aAAW,SAACC,GAAD,MAAY,CAClDC,KAAM,CACJC,OAAQ,EACRC,MAAO,MACPC,aAAc,EACdC,OAAQ,mBAEVC,aAAc,CACZC,gBAAiB,SAEnBC,IAAK,CACHJ,aAAc,EACdG,gBAAiB,cAZQR,CAczBU,KA8cWC,MAjcf,WA4BE,OACE,yBAAKC,UAAU,OACb,yBAAKA,UAAU,aAAf,wBCpDcC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAEFC,SAASC,eAAe,SDyHpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLC,QAAQD,MAAMA,EAAME,c","file":"static/js/main.d4860ce9.chunk.js","sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport \"./index.css\";\nimport { Chip, Grid } from \"@material-ui/core\";\n// import { getOperatingSystemDesktop } from \"./utils/getOperatingSystem\";\n\nconst BorderLinearProgress = withStyles((theme) => ({\n  root: {\n    height: 7,\n    width: \"60%\",\n    borderRadius: 5,\n    border: \"1px solid black\",\n  },\n  colorPrimary: {\n    backgroundColor: \"white\",\n  },\n  bar: {\n    borderRadius: 5,\n    backgroundColor: \"#1842ec\",\n  },\n}))(LinearProgress);\n\nconst SKILLS = [\n  \"User Experience\",\n  \"User Interface Design\",\n  \"Prototyping\",\n  \"Product Ideation\",\n  \"Userflow\",\n  \"Ux Consultant\",\n  \"Design System\",\n  \"Time Management\",\n];\n\nfunction App() {\n  // const operatingSystem = useMemo(() => {\n  //   return getOperatingSystemDesktop();\n  // }, []);\n\n  // const generateLinkBipBip = () => {\n  //   if (operatingSystem) {\n  //     if (operatingSystem === \"windows\") {\n  //       return \"https://play.google.com/store/apps/details?id=com.bipbip.android&hl=en&gl=US\";\n  //       // return 'https://play.google.com/store/apps/details?id=me.finan.app&hl=en&gl=US';\n  //     } else {\n  //       return \"https://apps.apple.com/vn/app/bipbip/id1574312233?l=vi\";\n  //     }\n  //   }\n  //   return \"\";\n  // };\n\n  // const generateLinkFinan = () => {\n  //   if (operatingSystem) {\n  //     if (operatingSystem === \"windows\") {\n  //       return \"https://play.google.com/store/apps/details?id=me.finan.app&hl=en&gl=US\";\n  //     } else {\n  //       return \"https://apps.apple.com/vn/app/s%E1%BB%95-b%C3%A1n-h%C3%A0ng/id1560099589?l=vi\";\n  //     }\n  //   }\n  //   return \"\";\n  // };\n\n  return (\n    <div className=\"App\">\n      <div className=\"errorPage\">404 Page Not Found</div>\n    </div>\n    // <div className=\"App\">\n    //   <div className=\"introduce\">\n    //     <img\n    //       className=\"introduce-img\"\n    //       src={require(\"./assets/images/introduce.png\")}\n    //       alt=\"introduce\"\n    //     />\n    //     <div className=\"introduce-text\">\n    //       <p>Cv- Portfolio from</p>\n    //       <p>2018 - now</p>\n    //     </div>\n    //   </div>\n    //   {/* end introduce */}\n    //   <div className=\"container\">\n    //     {/* Curriculum Vitae */}\n    //     <div className=\"curriculum\">\n    //       <div className=\"curriculum-info\">\n    //         <div className=\"curriculum-info--left\" style={{ width: \"38%\" }}>\n    //           <div className=\"curriculum-info--left-avatar\">\n    //             <img src={require(\"./assets/images/avatar.jpg\")} alt=\"avatar\" />\n    //             <p className=\"curriculum-info-name\">TRƯƠNG THỊ ÁI MỸ</p>\n    //             <p className=\"curriculum-info-job\">Ux Ui Designer</p>\n    //             <a href=\"https://www.behance.net/myatruong\" target=\"_blank\">\n    //               Behance.net\n    //             </a>\n    //             <a\n    //               href=\"https://www.linkedin.com/in/tr%C6%B0%C6%A1ng-th%E1%BB%8B-%C3%A1i-m%E1%BB%B9-25b373207/\"\n    //               target=\"_blank\"\n    //               style={{ display: \"block\" }}\n    //             >\n    //               Linkedin\n    //             </a>\n    //           </div>\n    //         </div>\n    //         <div>\n    //           <div\n    //             style={{\n    //               display: \"flex\",\n    //               justifyContent: \"space-between\",\n    //               paddingBottom: 20,\n    //               borderBottom: \"2px solid rgb(204,204,204)\",\n    //               marginBottom: 20,\n    //             }}\n    //           >\n    //             <div className=\"curriculum-info--center\">\n    //               <p>PROFILE</p>\n    //               <p>\n    //                 Hi, I'm Mya, I have 3 years experience in UX/UI design. Now\n    //                 as a Product designer, i love to solve difficult problems\n    //                 and come up with ideas to change and impact the current life\n    //                 that makes me love this job even more. I developed my own\n    //                 system thinking which connects technology and design in the\n    //                 process, which helps me to create more practical solutions\n    //                 and designs. I am always learning to be better than who I\n    //                 was yesterday.{\" \"}\n    //               </p>\n    //             </div>\n    //             <div className=\"curriculum-info--right\">\n    //               <p className=\"curriculum-info--right-title\">CONTACT</p>\n    //               <p>mytta@fsoft.com.vn</p>\n    //               <p>0971733392</p>\n    //               <div style={{ marginTop: 10 }}>\n    //                 <p className=\"curriculum-info--right-title\">EDUCATION</p>\n    //                 <p style={{ width: \"80%\" }}>\n    //                   - Posts and Telecoms Institute of Technology\n    //                 </p>\n    //                 <p style={{ marginBottom: 10 }}>Major in Multimedia</p>\n    //                 <p>\n    //                   - Nordic Coder:{\" \"}\n    //                   <a href=\"https://drive.google.com/file/d/1aWgYR5eJ12_PsQCLh8dHSkMG9RKh01QA/view\">\n    //                     User Experience\n    //                   </a>\n    //                 </p>\n    //               </div>\n    //               <div style={{ marginTop: 10 }}>\n    //                 <p className=\"curriculum-info--right-title\">LANGUAGE</p>\n    //                 <p>English: communication</p>\n    //               </div>\n    //               <div style={{ marginTop: 10 }}>\n    //                 <p\n    //                   className=\"curriculum-info--right-title\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   SKILLS\n    //                 </p>\n    //                 {SKILLS.map((skill, index) => (\n    //                   <Chip\n    //                     id={index}\n    //                     label={skill}\n    //                     style={{ marginRight: \"5px\", marginBottom: \"5px\" }}\n    //                   />\n    //                 ))}\n    //               </div>\n    //               <div style={{ marginTop: 10 }}>\n    //                 <p\n    //                   className=\"curriculum-info--right-title\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   TOOLS\n    //                 </p>\n    //                 <div\n    //                   className=\"flex-center-between\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   <p>Figma, Ai</p>\n    //                   <BorderLinearProgress variant=\"determinate\" value={100} />\n    //                 </div>\n    //                 <div\n    //                   className=\"flex-center-between\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   <p>XD / Overflow</p>\n    //                   <BorderLinearProgress variant=\"determinate\" value={90} />\n    //                 </div>\n    //                 <div\n    //                   className=\"flex-center-between\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   <p>Ps, Sketch</p>\n    //                   <BorderLinearProgress variant=\"determinate\" value={80} />\n    //                 </div>\n    //                 <div\n    //                   className=\"flex-center-between\"\n    //                   style={{ marginBottom: 10 }}\n    //                 >\n    //                   <p>HTML/ CSS</p>\n    //                   <BorderLinearProgress variant=\"determinate\" value={70} />\n    //                 </div>\n    //               </div>\n    //             </div>\n    //           </div>\n    //         </div>\n    //       </div>\n    //     </div>\n    //     {/* {/* end Curriculum Vitae */}\n\n    //     {/* porfolio */}\n    //     <div className=\"porfolio\">\n    //       <p className=\"title\">PORTFOLIO</p>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <p className=\"porfolio-title\">Sobanhang App</p>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\" style={{ marginTop: 30 }}>\n    //             <a\n    //               href=\"https://drive.google.com/file/d/18YRuMK5F06BjWWcPlyh7Jblo-BoJUYpm/view\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/sobanhang.jpg\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <p className=\"porfolio-title\">BIPBIP App</p>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\" style={{ marginTop: 30 }}>\n    //             <a\n    //               href=\"https://drive.google.com/file/d/1bHPhJDb8IF3cCDX0znPc3T6Gkj94676P/view\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img src={require(\"./assets/images/bipbip.png\")} alt=\"img\" />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <p className=\"porfolio-title\">Be Delivery App Redesign</p>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://www.behance.net/gallery/102084241/REDESIGN-BE-DELIVERY-APP\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img src={require(\"./assets/images/bee-app.png\")} alt=\"img\" />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Alber Einstein Landingpage\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               About: Web introduces biography as well as great inventions of\n    //               scientist Albert Einstein\n    //             </p>\n    //             <p className=\"porfolio-text\">\n    //               Design ideas including image processing, content.\n    //             </p>\n    //             <p className=\"porfolio-text\">\n    //               Prepare design wireframe. Visual processing\n    //             </p>\n    //             <p className=\"porfolio-text\">\n    //               Illustrate effects, web interface with Readymag software\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://readymag.com/u14005297/AlbertEinstein/\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/einstein.png\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               News website\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/drive/folders/1NR59HOLqMvY5I79KXWhmLWMflRl3HKb2?usp=sharing\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img src={require(\"./assets/images/asset.png\")} alt=\"img\" />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Recruitment website\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/drive/folders/1DQgZsyLnQbComIBCV1UbVsKgqifGHkSg?usp=sharing\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/recruitment.png\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Log in and sign up\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/drive/folders/13WVfocfIGv-WntxX7IIxAgs-SdTc6nYA?usp=sharing\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img src={require(\"./assets/images/login.png\")} alt=\"img\" />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Real estate ecommerce website\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/drive/folders/1fmY5y9xlROFwwWBb3JKCn0wQx400mZxX?usp=sharing\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/real-estate.png\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Help Center website\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/file/d/1QSk9Gm48WzA9Vpfz7vB--uuo-6qTbc9n/view\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/help-center.png\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 20 }}>\n    //               Stock information website\n    //             </p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Belongs to Asset company\n    //             </p>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/file/d/1QSk9Gm48WzA9Vpfz7vB--uuo-6qTbc9n/view\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img\n    //                 src={require(\"./assets/images/stock-infomation.png\")}\n    //                 alt=\"img\"\n    //               />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //       <Grid container spacing={2} style={{ marginBottom: \"20px\" }}>\n    //         <Grid item xs={3} style={{ marginTop: \"10px\" }}>\n    //           <div>\n    //             <p className=\"porfolio-title\" style={{ marginBottom: 10 }}>\n    //               Brights.vn\n    //             </p>\n    //             <p className=\"porfolio-text\">Belongs to GMO-Z.com</p>\n    //             <p className=\"porfolio-text\" style={{ marginBottom: 10 }}>\n    //               Brights VietnamCo.,Ltd\n    //             </p>\n    //             <a\n    //               href=\"https://brights.vn/\"\n    //               target=\"_blank\"\n    //               style={{\n    //                 color: \"#0078ff\",\n    //                 textDecoration: \"underline\",\n    //               }}\n    //             >\n    //               Brights.vn\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //         <Grid item xs={9}>\n    //           <div className=\"flex-between\">\n    //             <a\n    //               href=\"https://drive.google.com/file/d/1QSk9Gm48WzA9Vpfz7vB--uuo-6qTbc9n/view\"\n    //               target=\"_blank\"\n    //               className=\"animation\"\n    //             >\n    //               <img src={require(\"./assets/images/brights.png\")} alt=\"img\" />\n    //             </a>\n    //           </div>\n    //         </Grid>\n    //       </Grid>\n    //     </div>\n    //     {/* end porfolio */}\n    //   </div>\n    // </div>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}