From ecd633f108969b54018238de578d6b8efa146af8 Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Sat, 5 Jun 2021 20:08:49 -0400
Subject: [PATCH] Added hardware info

---
 src/App.jsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index f75eaa7..973f107 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,12 +7,33 @@ const App = () => {
     document.getElementById(
       'screenSize'
     ).innerHTML += `Screen resolution: ${window.screen.width}x${window.screen.height}`;
+
+    navigator.getBattery().then((battery) => {
+      document.getElementById(
+        'batteryLevel'
+      ).innerHTML += `Battery level: ${Math.round(battery.level * 100)}%`;
+      document.getElementById(
+        'batteryStatus'
+      ).innerHTML += `Battery status: ${(battery.charging) ? '' : 'not '} charging`;
+    });
+
+    document.getElementById(
+      'memory'
+    ).innerHTML += `Device memory: ${navigator.deviceMemory}GB`;
+
+    document.getElementById(
+      'cores'
+    ).innerHTML += `# of CPU cores: ${navigator.hardwareConcurrency}`;
   }, []);
 
   return (
     <div className="App">
       <div className="title">Hardware</div>
       <div className="item" id="screenSize" />
+      <div className="item" id="batteryLevel" />
+      <div className="item" id="batteryStatus" />
+      <div className="item" id="memory" />
+      <div className="item" id="cores" />
     </div>
   );
 };