fix(reports): remove og:image column on mobile by default

popstas · Dec 29, 2020 · 6863da7 · 6863da7
1 parent 81a6be2
commit 6863da7
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -690,15 +690,29 @@ export default {
 
     setDefaultFields() {
       let fields = [];
+
+      // find default preset
+      let defaultPreset;
       for (let i in this.$store.state.columnPresets) {
         const preset = this.$store.state.columnPresets[i];
-        if (preset.default) {
-          fields = preset.columns;
+        if (preset.default || preset.name === 'default') {
+          defaultPreset = preset;
           break;
         }
       }
-      if (fields.length === 0 && this.$store.state.columnPresets.default) {
-        fields = this.$store.state.columnPresets.default.columns;
+      if (!defaultPreset) return;
+
+      fields = [...defaultPreset.columns];
+
+      // remove og:image on mobile
+      if (window.screen.width < 640) {
+        const index = fields.indexOf('og_image');
+        if (index !== -1) fields.splice(index, 1);
+      }
+
+      // default if no fields
+      if (fields.length === 0) {
+        fields = defaultPreset.columns;
       }
 
       this.setFields(fields);