feat(client): added cancel to export dialog

Lumieducation · Apr 4, 2021 · 843e3cd · 843e3cd
1 parent 26dc97a
commit 843e3cd
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/client/src/state/H5PEditor/H5PEditorActions.ts b/client/src/state/H5PEditor/H5PEditorActions.ts
@@ -116,6 +116,16 @@ export function blurActiveElement(): IBlurActiveElementAction {
     };
 }
 
+export function cancelExportH5P() {
+    log.info(`canceling export`);
+    return async (dispatch: any) => {
+        dispatch({
+            payload: {},
+            type: H5PEDITOR_EXPORT_CANCEL
+        });
+    };
+}
+
 export function exportH5P(
     includeReporter: boolean,
     format: 'bundle' | 'external' | 'scorm'

diff --git a/client/src/state/H5PEditor/H5PEditorReducer.ts b/client/src/state/H5PEditor/H5PEditorReducer.ts
@@ -207,7 +207,8 @@ export default function tabReducer(
                               }
                             : tab
                     ),
-                    lockDisplay: false
+                    lockDisplay: false,
+                    showExportDialog: false
                 };
 
             case H5PEDITOR_EXPORT_ERROR:

diff --git a/client/src/views/components/H5PEditorExportDialog.tsx b/client/src/views/components/H5PEditorExportDialog.tsx
@@ -38,6 +38,7 @@ export default function H5PEditorExportDialog() {
                 open={open}
                 aria-labelledby="alert-dialog-title"
                 aria-describedby="alert-dialog-description"
+                onClose={() => dispatch(actions.h5peditor.cancelExportH5P())}
             >
                 <DialogTitle id="alert-dialog-title">
                     Export settings
@@ -116,7 +117,13 @@ export default function H5PEditorExportDialog() {
                     </FormControl>
                 </DialogContent>
                 <DialogActions>
-                    <Button color="secondary">Cancel</Button>
+                    <Button
+                        onClick={() =>
+                            dispatch(actions.h5peditor.cancelExportH5P())
+                        }
+                    >
+                        Cancel
+                    </Button>
                     <Button
                         color="primary"
                         autoFocus