Added options code

public/manifest.json

@@ -3,7 +3,7 @@
   "description": "Vytal",
   "manifest_version": 3,
   "version": "1.0.0",
-  "permissions": [],
+  "permissions": ["storage"],
   "icons": {
     "16": "icon_16.png",
     "32": "icon_32.png",

public/options.js

@@ -0,0 +1,12 @@
+chrome.storage.sync.get('sendData', ({ sendData }) => {
+  document.getElementById('sendData').checked = sendData;
+});
+
+window.onchange = function change(event) {
+  if (event.target.matches('#sendData')) {
+    chrome.storage.sync.get('sendData', ({ sendData }) => {
+      const value = !sendData;
+      chrome.storage.sync.set({ sendData: value });
+    });
+  }
+};

src/components/TableWrap.js

@@ -24,7 +24,7 @@ const sortPlugins = (data) => {
   return list;
 };
 
-const sendData = (data) => {
+const fetchData = (data) => {
   fetch('http://localhost:8000/', {
     method: 'POST',
     headers: {
@@ -48,6 +48,12 @@ const TableWrap = () => {
       setBatLevel('N/A');
       setBatStatus('N/A');
     }
+
+    chrome.storage.sync.get('sendData', ({ sendData }) => {
+      if (!sendData) {
+        fetchData(software.concat(hardware));
+      }
+    });
   }, []);
 
   const uaResult = Bowser.parse(navigator.userAgent);
@@ -191,8 +197,6 @@ const TableWrap = () => {
     },
   ];
 
-  sendData(software.concat(hardware));
-
   return (
     <div className="tableWrap">
       <Table title="Software" data={software} />