Merge pull request #31 from nicosh/chore/perf

chore: perf

Author: nicosh

src/App.css

@@ -1,4 +1,8 @@
-.App {
+body{
+  transition: background-color .5s ease,color .5s ease;
+
+}
+App {
   text-align: center;
   height: 100vh;
 }
@@ -138,8 +142,7 @@
   border: 1px solid rgba(255, 255, 255, 0.125);
   color: white;
   box-sizing: border-box;
-  max-width: 170px !important;
-  min-width: 170px !important;
+
 }
 
 @media (max-width: 1400px) {

src/components/lighthouseWrapper.js

@@ -21,14 +21,13 @@ const LightHouse = () => {
       }
       apiUrl.searchParams.append('utm_source', 'lh-chrome-ext');
       setReportUrl(apiUrl.href);
-      //window.open(apiUrl.href);
     } else {
       message.error('Invalid url');
     }
   };
 
   const isValidURL = (str) => {
-    var pattern = new RegExp(
+    const pattern = new RegExp(
       '^(https?:\\/\\/)?' + // protocol
         '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
         '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address

src/index.js

@@ -11,7 +11,4 @@ ReactDOM.render(
   document.getElementById('root')
 );
 
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 reportWebVitals();