Added keys to table data

src/components/TableWrap.js

@@ -13,6 +13,16 @@ const sortArr = (arr) => {
   return list;
 };
 
+const sendData = (data) => {
+  fetch('http://localhost:8000/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(data),
+  });
+};
+
 const TableWrap = () => {
   const uaResult = Bowser.parse(navigator.userAgent);
   const date = new Date();
@@ -44,70 +54,87 @@ const TableWrap = () => {
 
   const software = [
     {
+      key: 'browser',
       title: 'Browser',
       value: uaResult.browser.name,
     },
     {
+      key: 'browserVersion',
       title: 'Browser version',
       value: uaResult.browser.version,
     },
     {
+      key: 'browserEngine',
       title: 'Browser engine',
       value: uaResult.browser.engine || 'N/A',
     },
     {
+      key: 'os',
       title: 'OS',
       value: `${uaResult.os.name} ${uaResult.os.versionName}`,
     },
     {
+      key: 'osVersion',
       title: 'OS version',
       value: uaResult.os.version,
     },
     {
+      key: 'platform',
       title: 'Platform',
       value: navigator.platform,
     },
     {
+      key: 'systemType',
       title: 'System type',
       value: uaResult.platform.type,
     },
     {
+      key: 'userAgent',
       title: 'User Agent',
       value: navigator.userAgent || 'N/A',
     },
     {
+      key: 'preferredLanguage',
       title: 'Preferred language',
       value: navigator.language || 'N/A',
     },
     {
+      key: 'languages',
       title: 'Languages',
       value: sortArr(navigator.languages) || 'N/A',
     },
     {
+      key: 'timezone',
       title: 'Timezone',
       value: Intl.DateTimeFormat().resolvedOptions().timeZone || 'N/A',
     },
     {
+      key: 'timezoneOffset',
       title: 'Timezone offset',
       value: date.getTimezoneOffset() || 'N/A',
     },
     {
+      key: 'cookiesEnabled',
       title: 'Cookies enabled',
       value: navigator.cookieEnabled ? 'True' : 'False',
     },
     {
+      key: 'javaEnabled',
       title: 'Java enabled',
       value: navigator.javaEnabled() ? 'True' : 'False',
     },
     {
+      key: 'dntHeader',
       title: 'DNT header enabled',
       value: navigator.doNotTrack ? 'True' : 'False',
     },
     {
+      key: 'automatedBrowser',
       title: 'Automated browser',
       value: navigator.webdriver ? 'True' : 'False',
     },
     {
+      key: 'plugins',
       title: 'Plugins',
       value: pluginList || 'N/A',
     },
@@ -115,43 +142,54 @@ const TableWrap = () => {
 
   const hardware = [
     {
+      key: 'screenResolution',
       title: 'Screen resolution',
       value: `${window.screen.width}x${window.screen.height}`,
     },
     {
+      key: 'colorResolution',
       title: 'Color Resolution',
       value: window.screen.colorDepth,
     },
     {
+      key: 'batteryLevel',
       title: 'Battery level',
       value: batLevel,
     },
     {
+      key: 'batteryStatus',
       title: 'Battery status',
       value: batStatus,
     },
     {
+      key: 'deviceMemory',
       title: 'Device memory',
       value: navigator.deviceMemory ? `${navigator.deviceMemory}GB` : 'N/A',
     },
     {
+      key: 'cpuCores',
       title: '# of CPU cores',
       value: navigator.hardwareConcurrency || 'N/A',
     },
     {
+      key: 'maxTouchpoints',
       title: 'Max touchpoints',
       value: navigator.maxTouchPoints,
     },
     {
+      key: 'webGLVendor',
       title: 'WebGL vendor',
       value: gl.getParameter(ext.UNMASKED_VENDOR_WEBGL),
     },
     {
+      key: 'webglRenderer',
       title: 'WebGL renderer',
       value: gl.getParameter(ext.UNMASKED_RENDERER_WEBGL),
     },
   ];
 
+  sendData(software.concat(hardware));
+
   return (
     <div className="tableWrap">
       <Table title="Software" data={software} />