fix(ci): expand silence payload preview on storybook

ui/src/Components/SilenceModal/SilenceForm.js

@@ -62,10 +62,7 @@ const SilenceForm = observer(
       alertStore: PropTypes.instanceOf(AlertStore).isRequired,
       silenceFormStore: PropTypes.instanceOf(SilenceFormStore).isRequired,
       settingsStore: PropTypes.instanceOf(Settings).isRequired,
-      previewOpen: PropTypes.bool
-    };
-    static defaultProps = {
-      previewOpen: false
+      previewOpen: PropTypes.bool.isRequired
     };
 
     constructor(props) {

ui/src/Components/SilenceModal/SilenceForm.test.js

@@ -31,6 +31,7 @@ const ShallowSilenceForm = () => {
       alertStore={alertStore}
       silenceFormStore={silenceFormStore}
       settingsStore={settingsStore}
+      previewOpen={false}
     />
   );
 };
@@ -41,6 +42,7 @@ const MountedSilenceForm = () => {
       alertStore={alertStore}
       silenceFormStore={silenceFormStore}
       settingsStore={settingsStore}
+      previewOpen={false}
     />
   );
 };

ui/src/Components/SilenceModal/SilenceModalContent.js

@@ -18,7 +18,11 @@ const SilenceModalContent = observer(
       alertStore: PropTypes.instanceOf(AlertStore).isRequired,
       silenceFormStore: PropTypes.instanceOf(SilenceFormStore).isRequired,
       settingsStore: PropTypes.instanceOf(Settings).isRequired,
-      onHide: PropTypes.func.isRequired
+      onHide: PropTypes.func.isRequired,
+      previewOpen: PropTypes.bool
+    };
+    static defaultProps = {
+      previewOpen: false
     };
 
     render() {
@@ -26,7 +30,8 @@ const SilenceModalContent = observer(
         alertStore,
         silenceFormStore,
         settingsStore,
-        onHide
+        onHide,
+        previewOpen
       } = this.props;
 
       return (
@@ -54,6 +59,7 @@ const SilenceModalContent = observer(
                 alertStore={alertStore}
                 silenceFormStore={silenceFormStore}
                 settingsStore={settingsStore}
+                previewOpen={previewOpen}
               />
             ) : silenceFormStore.data.currentStage ===
               SilenceFormStage.Preview ? (

ui/src/Components/SilenceModal/index.stories.js

@@ -21,7 +21,7 @@ const MockMatcher = (name, values, isRegex) => {
   return matcher;
 };
 
-storiesOf("SilenceModalContent", module)
+storiesOf("SilenceModal", module)
   .addDecorator(storyFn => (
     <div>
       <div className="modal-dialog modal-lg" role="document">
@@ -29,7 +29,7 @@ storiesOf("SilenceModalContent", module)
       </div>
     </div>
   ))
-  .add("SilenceModalContent", () => {
+  .add("Silence Form", () => {
     const alertStore = new AlertStore([]);
     const settingsStore = new Settings();
     const silenceFormStore = new SilenceFormStore();