From 0a6a37fd35c594b25aa9106beb0769c1aa668992 Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Mon, 7 Jun 2021 13:17:55 -0400
Subject: [PATCH] Added browser detection

---
 src/App.jsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 15121c4..39972dc 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,6 +7,29 @@ const updateDOM = (id, text) => {
   document.getElementById(id).innerHTML += text;
 };
 
+const getBrowser = (userAgent) => {
+  if (
+    (userAgent.indexOf('Opera') ||
+      userAgent.indexOf('OPR')) !== -1
+  ) {
+    return 'Opera';
+  } if (userAgent.indexOf('Edg') !== -1) {
+    return 'Edge';
+  } if (userAgent.indexOf('Chrome') !== -1) {
+    return 'Chrome';
+  } if (userAgent.indexOf('Safari') !== -1) {
+    return 'Safari';
+  } if (userAgent.indexOf('Firefox') !== -1) {
+    return 'Firefox';
+  } if (
+    userAgent.indexOf('MSIE') !== -1 ||
+    !!document.documentMode === true
+  ) {
+    return 'IE';
+  }
+  return 'unknown';
+};
+
 const App = () => {
   const [country, setCountry] = useState('US');
   const [flag, setFlag] = useState(false);
@@ -25,7 +48,7 @@ const App = () => {
         updateDOM('provider', data.isp);
       });
 
-    updateDOM('os', navigator.oscpu);
+    updateDOM('browser', getBrowser(navigator.userAgent));
 
     updateDOM('screenSize', `${window.screen.width}x${window.screen.height}`);