From f1c05de8649af2933bce4c776d0dfd5711a47149 Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Thu, 29 Sep 2022 01:15:06 -0400
Subject: [PATCH] Added event Lisener for webrtc

---
 src/pages/Popup/SettingsPage.tsx | 19 +++++++++++++------
 src/utils/setWebRtcPolicy.ts     | 12 ------------
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/pages/Popup/SettingsPage.tsx b/src/pages/Popup/SettingsPage.tsx
index 18f5c95..798ea8f 100644
--- a/src/pages/Popup/SettingsPage.tsx
+++ b/src/pages/Popup/SettingsPage.tsx
@@ -16,6 +16,16 @@ const SettingsPage = ({ tab }: LocationPageProps) => {
     })
   }, [])
 
+  chrome.privacy.network.webRTCIPHandlingPolicy.onChange.addListener(function (
+    details
+  ) {
+    if (details.value === 'disable_non_proxied_udp') {
+      setIsWebRtcDisabled(true)
+    } else {
+      setIsWebRtcDisabled(false)
+    }
+  })
+
   return (
     <Box
       sx={{
@@ -24,14 +34,11 @@ const SettingsPage = ({ tab }: LocationPageProps) => {
     >
       <Box sx={{ fontSize: '20px', mb: '12px' }}>Settings</Box>
       <SettingsCheckBox
-        title={'Block WebRTC'}
-        onChange={() => {
-          setWebRtcPolicy()
-          setIsWebRtcDisabled(!isWebRtcDisabled)
-        }}
+        title={'Disable WebRTC'}
+        onChange={setWebRtcPolicy}
         checked={isWebRtcDisabled}
       />
-      <SettingsCheckBox title={'Block Address Autofill'} />
+      <SettingsCheckBox title={'Disable Address Autofill'} />
       <SettingsCheckBox title={'Dark Mode'} />
       <Label htmlFor="configuration">Language</Label>
       <Select name="Language" id="Language">
diff --git a/src/utils/setWebRtcPolicy.ts b/src/utils/setWebRtcPolicy.ts
index 721bf87..f9522f8 100644
--- a/src/utils/setWebRtcPolicy.ts
+++ b/src/utils/setWebRtcPolicy.ts
@@ -13,18 +13,6 @@ const setWebRtcPolicy = () => {
           chrome.storage.sync.set({
             isWebRtcDisabled: !storage.isWebRtcDisabled,
           })
-          //   chrome.privacy.network.webRTCIPHandlingPolicy.get({}, (s) => {
-          //     // let path = 'data/icons/'
-          //     // let title = 'WebRTC access is allowed'
-          //     if (s.value !== value) {
-          //     //   path += 'red/'
-          //     //   title =
-          //         console.log('WebRTC access cannot be changed. It is controlled by another extension')
-          //     } else if (prefs.enabled === false) {
-          //       path += 'disabled/'
-          //       title = 'WebRTC access is blocked'
-          //     }
-          //   })
         }
       )
     })