Create action to show preview

[MAILPOET-2602]

assets/js/src/form_editor/store/actions.jsx

@@ -142,6 +142,12 @@ export function showPreview() {
   };
 }
 
+export function hidePreview() {
+  return {
+    type: 'HIDE_PREVIEW',
+  };
+}
+
 export function removeNotice(id) {
   return {
     type: 'REMOVE_NOTICE',

assets/js/src/form_editor/store/reducer.jsx

@@ -11,6 +11,7 @@ import {
 import changeFormSettings from './reducers/change_form_settings.jsx';
 import changeFormStyles from './reducers/change_form_styles.jsx';
 import removeNotice from './reducers/remove_notice.jsx';
+import { showPreview, hidePreview } from './reducers/preview.jsx';
 import saveFormDone from './reducers/save_form_done.jsx';
 import saveFormFailed from './reducers/save_form_failed.jsx';
 import saveFormStartedFactory from './reducers/save_form_started.jsx';
@@ -41,6 +42,8 @@ export default (defaultState) => (state = defaultState, action) => {
     case 'CHANGE_FORM_STYLES': return changeFormStyles(state, action);
     case 'CUSTOM_FIELD_EDITED': return customFieldEdited(state);
     case 'REMOVE_NOTICE': return removeNotice(state, action);
+    case 'SHOW_PREVIEW': return showPreview(state, action);
+    case 'HIDE_PREVIEW': return hidePreview(state, action);
     case 'SAVE_FORM_DONE': return saveFormDone(state);
     case 'SAVE_FORM_FAILED': return saveFormFailed(state, action);
     case 'SAVE_FORM_STARTED': return saveFormStarted(state);

assets/js/src/form_editor/store/reducers/preview.jsx

@@ -0,0 +1,9 @@
+export const showPreview = (state) => ({
+  ...state,
+  isPreviewShown: true,
+});
+
+export const hidePreview = (state) => ({
+  ...state,
+  isPreviewShown: false,
+});

assets/js/src/form_editor/store/selectors.jsx

@@ -36,7 +36,7 @@ export default {
     return state.isFormSaving;
   },
   getIsPreviewShown(state) {
-    return false;
+    return state.isPreviewShown;
   },
   getIsCustomFieldSaving(state) {
     return state.isCustomFieldSaving;