🐛 easier mode disable

scottnath · Oct 11, 2023 · e6ac335 · e6ac335
1 parent 86b513c
commit e6ac335
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/.storybook/modes.js b/.storybook/modes.js
@@ -9,12 +9,16 @@ import { primerThemes } from './primer-preview';
 const defaultThemes = ['light', 'dark'];
 
 export const defaultModes = {};
+export const defaultModesDisabled = {};
 export const githubModes = {};
 
 for (const key of Object.keys(customViewports)) {
   defaultModes[key] = {
     viewport: key,
   };
+  defaultModesDisabled[key] = {
+    disabled: true,
+  };
   githubModes[key] = {
     viewport: key,
   };
@@ -23,6 +27,9 @@ for (const key of Object.keys(customViewports)) {
       viewport: key,
       theme: theme,
     };
+    defaultModesDisabled[`${theme} ${key}`] = {
+      disabled: true,
+    };
   };
   for (const theme of primerThemes) {
     githubModes[`primer ${theme.value} ${key}`] = {

diff --git a/src/github/user/user.stories.js b/src/github/user/user.stories.js
@@ -4,6 +4,7 @@ import { parseFetchedUser } from './content';
 import { parseFetchedRepo } from '../repository/content.js';
 import { getElements, ensureElements } from './user.shared-spec';
 import { primerThemes } from '../../../.storybook/primer-preview.js';
+import { defaultModesDisabled } from '../../../.storybook/modes.js';
 
 import '.';
 
@@ -193,9 +194,7 @@ export const Themes = {
   parameters: {
     chromatic: {
       modes: {
-        containerMin1: { disable: true },
-        containerMin2: { disable: true },
-        containerMin3: { disable: true },
+        ...defaultModesDisabled
       }
     },
   },
@@ -209,9 +208,7 @@ export const ThemesWithOverrides = {
   parameters: {
     chromatic: {
       modes: {
-        containerMin1: { disable: true },
-        containerMin2: { disable: true },
-        containerMin3: { disable: true },
+        ...defaultModesDisabled
       }
     },
   },