Renamed DataBlock to PredictionBlock

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,8 +32,13 @@ const NavigatorBlock = () => {
       <h1>Data</h1>
       {userAgent && (
         <div className="boxWrap">
+          <div className="newline">
             {getBrowser(userAgent.browser.name)} {userAgent.browser.version}
           </div>
+          <div className="newline">
+            {userAgent.os.name} {userAgent.os.versionName}
+          </div>
+        </div>
       )}
       <p>
         <b>Explanation:</b> JavaScript can be used to find information about
@@ -43,4 +48,4 @@ const NavigatorBlock = () => {
   );
 };
 
-export default NavigatorBlock;
+export default PredictionBlock;

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 />