feat(App): Improved spell checker & context menu

2 files changed, 13 insertions, 41 deletions

diff --git a/src/features/spellchecker/index.js b/src/features/spellchecker/index.js
index 8b3fb7e00..8516f816c 100644
--- a/src/features/spellchecker/index.js
+++ b/src/features/spellchecker/index.js
@@ -12,26 +12,24 @@ export default function init(stores) {
   reaction(
     () => stores.features.features.isSpellcheckerPremiumFeature,
     (enabled, r) => {
-      if (enabled) {
-        debug('Initializing `spellchecker` feature');
+      debug('Initializing `spellchecker` feature');
 
-        // Dispose the reaction to run this only once
-        r.dispose();
+      // Dispose the reaction to run this only once
+      r.dispose();
 
-        const { isSpellcheckerPremiumFeature } = stores.features.features;
+      const { isSpellcheckerPremiumFeature } = stores.features.features;
 
-        config.isPremiumFeature = isSpellcheckerPremiumFeature !== undefined ? isSpellcheckerPremiumFeature : DEFAULT_IS_PREMIUM_FEATURE;
+      config.isPremiumFeature = isSpellcheckerPremiumFeature !== undefined ? isSpellcheckerPremiumFeature : DEFAULT_IS_PREMIUM_FEATURE;
 
-        autorun(() => {
-          if (!stores.user.data.isPremium && config.isPremiumFeature) {
-            debug('Override settings.spellcheckerEnabled flag to false');
+      autorun(() => {
+        if (!stores.user.data.isPremium && config.isPremiumFeature) {
+          debug('Override settings.spellcheckerEnabled flag to false');
 
-            Object.assign(stores.settings.all.app, {
-              enableSpellchecker: false,
-            });
-          }
-        });
-      }
+          Object.assign(stores.settings.all.app, {
+            enableSpellchecker: false,
+          });
+        }
+      });
     },
   );
 }
diff --git a/src/features/spellchecker/styles.js b/src/features/spellchecker/styles.js
deleted file mode 100644
index 097368d9a..000000000
--- a/src/features/spellchecker/styles.js
+++ /dev/null
@@ -1,26 +0,0 @@
-export default (theme) => {
-  console.log(theme);
-  return ({
-    container: {
-      background: theme.colorBackground,
-      position: 'absolute',
-      top: 0,
-      width: '100%',
-      display: 'flex',
-      'flex-direction': 'column',
-      'align-items': 'center',
-      'justify-content': 'center',
-      'z-index': 150,
-    },
-    headline: {
-      color: theme.colorHeadline,
-      margin: [25, 0, 40],
-      'max-width': 500,
-      'text-align': 'center',
-      'line-height': '1.3em',
-    },
-    button: {
-      margin: [40, 0, 20],
-    },
-  });
-};