use checkbox

apps/remix-ide/src/app.js

@@ -351,31 +351,34 @@ Please make a backup of your contracts and start using http://remix.ethereum.org
 
   if (!registry.get('config').api.exists('settings/matomo-analytics')) {
   // Ask to opt in to Matomo for remix, remix-alpha and remix-beta
-  //if (window.location.hostname.includes('.ethereum.org')) {
+  // if (window.location.hostname.includes('.ethereum.org')) {
+    const selectInput = yo`<input type="checkbox" checked='checked' />`
     modalDialog(
       'Help us to improve our IDE!',
       yo`<div>
-        >p>Remix IDE uses <a href="https://matomo.org">Matomo</a>, an open source data analytics software to improve the use of our website.</p>
+        <p>Remix IDE uses <a href="https://matomo.org">Matomo</a>, an open source data analytics software to improve the use of our website.</p>
         <p>All data collected through Matomo is stored at our own server - no data is given to third parties.</p>
         <p>We do not store any personally identifiable information (PII).</p>
         <p>You can change your choice in the Settings panel.</p>
+          ${selectInput}
       </div>`,
       {
-        label: "Sure",
+        label: 'Apply',
         fn: () => {
-          settings.updateMatomoAnalyticsChoice(true)
+          settings.updateMatomoAnalyticsChoice(selectInput.checked)
+          if (selectInput.checked) {
             _paq.push(['forgetUserOptOut'])
+          } else {
+            _paq.push(['optUserOut'])
+          }
         }
       },
       {
-        label: 'Decline',
+        label: null,
-        fn: () => {
+        fn: null
-          settings.updateMatomoAnalyticsChoice(false)
-          _paq.push(['optUserOut'])
-        }
       }
     )
-  //}
+  // }
   }
   // CONTENT VIEWS & DEFAULT PLUGINS
   const compileTab = new CompileTab(