From e660655864921f21d3d0c537f216f86b775c238b Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Wed, 8 Sep 2021 21:07:47 -0400
Subject: [PATCH] Renamed DataBlock to PredictionBlock

---
 .../components/{DataBlock.js => PredictionBlock.js}   | 11 ++++++++---
 frontend/src/components/ScanBlocks.js                 |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)
 rename frontend/src/components/{DataBlock.js => PredictionBlock.js} (77%)

diff --git a/frontend/src/components/DataBlock.js b/frontend/src/components/PredictionBlock.js
similarity index 77%
rename from frontend/src/components/DataBlock.js
rename to frontend/src/components/PredictionBlock.js
index 4919869..1b3793e 100644
--- a/frontend/src/components/DataBlock.js
+++ b/frontend/src/components/PredictionBlock.js
@@ -10,7 +10,7 @@ import {
   getBrowser,
 } from './main';
 
-const NavigatorBlock = () => {
+const PredictionBlock = () => {
   const [firstRender, setfirstRender] = useState(true);
   const [workerData, setWorkerData] = useState('');
   const [userAgent, setUserAgent] = useState();
@@ -32,7 +32,12 @@ const NavigatorBlock = () => {
       <h1>Data</h1>
       {userAgent && (
         <div className="boxWrap">
-          {getBrowser(userAgent.browser.name)} {userAgent.browser.version}
+          <div className="newline">
+            {getBrowser(userAgent.browser.name)} {userAgent.browser.version}
+          </div>
+          <div className="newline">
+            {userAgent.os.name} {userAgent.os.versionName}
+          </div>
         </div>
       )}
       <p>
@@ -43,4 +48,4 @@ const NavigatorBlock = () => {
   );
 };
 
-export default NavigatorBlock;
+export default PredictionBlock;
diff --git a/frontend/src/components/ScanBlocks.js b/frontend/src/components/ScanBlocks.js
index 282d608..62f2f27 100644
--- a/frontend/src/components/ScanBlocks.js
+++ b/frontend/src/components/ScanBlocks.js
@@ -1,5 +1,5 @@
 /* eslint-disable no-unused-vars */
-import DataBlock from './DataBlock';
+import PredictionBlock from './PredictionBlock';
 import NavigatorBlock from './NavigatorBlock';
 import ScreenBlock from './ScreenBlock';
 import FingerprintBlock from './FingerprintBlock';
@@ -12,7 +12,7 @@ import FiltersBlock from './FiltersBlock';
 
 const ScanBlocks = () => (
   <>
-    <DataBlock />
+    <PredictionBlock />
     <ScreenBlock />
     <NavigatorBlock />
     {/* <LocationBlock />