fix: display message if using advanced editors on iOS < 11 (#512)

* fix: display message if using advanced editors on iOS < 11

* Update src/screens/Compose/ComponentView.tsx

Co-authored-by: Mo <mo@standardnotes.org>

* fix: rename from checkIfSupportsAdvancedEditors to warnIfUnsupportedEditors

Co-authored-by: Johnny Almonte <johnny243@users.noreply.github.com>
Co-authored-by: Mo <mo@standardnotes.org>

src/screens/Compose/ComponentView.tsx

@@ -85,32 +85,58 @@ export const ComponentView = ({
   }, [application, liveComponent?.item.uuid, componentUuid]);
 
   useEffect(() => {
-    const warnUnsupportedEditors = async () => {
+    const warnIfUnsupportedEditors = async () => {
+      let platformVersionRequirements;
+
+      switch (Platform.OS) {
+        case 'ios':
+          if (parseInt(Platform.Version.toString(), 10) < 11) {
+            // WKWebView has issues on iOS < 11
+            platformVersionRequirements = 'iOS 11 or greater';
+          }
+          break;
+        case 'android':
+          if (Platform.Version <= 23) {
+            /**
+             * postMessage doesn't work on Android <= 6 (API version 23)
+             * https://github.com/facebook/react-native/issues/11594
+             */
+            platformVersionRequirements = 'Android 7.0 or greater';
+          }
+          break;
+      }
+
+      if (!platformVersionRequirements) {
+        return;
+      }
+
       const doNotShowAgainUnsupportedEditors = application
         ?.getLocalPreferences()
         .getValue(PrefKey.DoNotShowAgainUnsupportedEditors, false);
+
       if (!doNotShowAgainUnsupportedEditors) {
+        const alertText =
+          `Web editors require ${platformVersionRequirements}. ` +
+          'Your version does not support web editors. ' +
+          'Changes you make may not be properly saved. Please switch to the Plain Editor for the best experience.';
+
         const confirmed = await application?.alertService?.confirm(
-          'Web editors require Android 7.0 or greater. Your version does not support web editors. Changes you make may not be properly saved. Please switch to the Plain Editor for the best experience.',
+          alertText,
           'Editors Not Supported',
           "Don't show again",
           ButtonType.Info,
           'OK'
         );
+
         if (confirmed) {
           application
             ?.getLocalPreferences()
             .setUserPrefValue(PrefKey.DoNotShowAgainUnsupportedEditors, true);
         }
       }
     };
-    if (Platform.OS === 'android' && Platform.Version <= 23) {
-      /**
-       * postMessage doesn't work on Android <= 6 (API version 23)
-       * https://github.com/facebook/react-native/issues/11594
-       */
-      warnUnsupportedEditors();
-    }
+
+    warnIfUnsupportedEditors();
   }, [application]);
 
   useEffect(() => {