Added event Lisener for webrtc

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'}
+        title={'Disable WebRTC'}
-        onChange={() => {
+        onChange={setWebRtcPolicy}
-          setWebRtcPolicy()
-          setIsWebRtcDisabled(!isWebRtcDisabled)
-        }}
         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">

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'
-          //     }
-          //   })
         }
       )
     })