Better zoom to fill compatibility check

src/config.ts

@@ -75,7 +75,7 @@ interface SBConfig {
     allowScrollingToEdit: boolean;
     deArrowInstalled: boolean;
     showDeArrowPromotion: boolean;
-    showZoomToFillError: boolean;
+    showZoomToFillError2: boolean;
 
     // Used to cache calculated text color info
     categoryPillColors: {
@@ -148,6 +148,10 @@ class ConfigClass extends ProtoConfig<SBConfig, SBStorage> {
 }
 
 function migrateOldSyncFormats(config: SBConfig) {
+    if (config["showZoomToFillError"]) {
+        chrome.storage.sync.remove("showZoomToFillError");
+    }
+
     if (!config["chapterCategoryAdded"]) {
         config["chapterCategoryAdded"] = true;
 
@@ -312,7 +316,7 @@ const syncDefaults = {
     allowScrollingToEdit: true,
     deArrowInstalled: false,
     showDeArrowPromotion: true,
-    showZoomToFillError: true,
+    showZoomToFillError2: true,
 
     categoryPillColors: {},
 

src/utils/compatibility.ts

@@ -1,7 +1,7 @@
 import Config from "../config";
 
 export function runCompatibilityChecks() {
-    if (Config.config.showZoomToFillError) {
+    if (Config.config.showZoomToFillError2 && document.URL.includes("watch?v=")) {
         setTimeout(() => {
             const zoomToFill = document.querySelector(".zoomtofillBtn");
     
@@ -9,7 +9,7 @@ export function runCompatibilityChecks() {
                 alert(chrome.i18n.getMessage("zoomToFillUnsupported"));
             }
 
-            Config.config.showZoomToFillError = false;
+            Config.config.showZoomToFillError2 = false;
         }, 10000);
     }
 }