Close export dialog autmatically for support form

Summary: This diff adds the support to close the dialog automatically for the support form.

Reviewed By: passy

Differential Revision: D17899862

fbshipit-source-id: 9d9cd14556a4cebe60f8cc1d082be3e439998e9c

src/chrome/ExportDataPluginSheet.tsx

@@ -37,7 +37,10 @@ type StateFromProps = {
 type DispatchFromProps = {
   selectedPlugins: (payload: Array<string>) => void;
   setActiveSheet: (payload: ActiveSheet) => void;
-  setExportDataToFileActiveSheet: (payload: string) => void;
+  setExportDataToFileActiveSheet: (payload: {
+    file: string;
+    closeOnFinish: boolean;
+  }) => void;
 };
 
 type Props = OwnProps & StateFromProps & DispatchFromProps;
@@ -61,7 +64,10 @@ class ExportDataPluginSheet extends Component<Props> {
               case 'file': {
                 const file = share.file;
                 if (file) {
-                  this.props.setExportDataToFileActiveSheet(file);
+                  this.props.setExportDataToFileActiveSheet({
+                    file,
+                    closeOnFinish: true,
+                  });
                 } else {
                   console.error('share.file is undefined');
                 }
@@ -100,7 +106,10 @@ export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
     setActiveSheet: (payload: ActiveSheet) => {
       dispatch(getActiveSheetAction(payload));
     },
-    setExportDataToFileActiveSheet: (payload: string) => {
+    setExportDataToFileActiveSheet: (payload: {
+      file: string;
+      closeOnFinish: boolean;
+    }) => {
       dispatch(getExportDataToFileActiveSheetAction(payload));
     },
   }),

src/chrome/ShareSheetExportUrl.tsx

@@ -69,6 +69,7 @@ const ErrorMessage = styled(Text)({
 type Props = {
   onHide: () => any;
   logger: Logger;
+  closeOnFinish: boolean;
 };
 
 type State = {
@@ -162,6 +163,24 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
     }
   }
 
+  sheetHidden: boolean = false;
+
+  hideSheet = () => {
+    this.sheetHidden = true;
+    this.props.onHide();
+    this.idler.cancel();
+  };
+
+  componentDidUpdate() {
+    const {result} = this.state;
+    if (!result || !(result as DataExportResult).flipperUrl) {
+      return;
+    }
+    if (!this.sheetHidden && this.props.closeOnFinish) {
+      this.hideSheet();
+    }
+  }
+
   renderPending(cancelAndHide: () => void, statusUpdate: string | null) {
     return (
       <ShareSheetPendingDialog
@@ -182,9 +201,9 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
   render() {
     const cancelAndHide = () => {
       this.context.store.dispatch(unsetShare());
-      this.props.onHide();
-      this.idler.cancel();
+      this.hideSheet();
     };
+
     const {result, statusUpdate, errorArray} = this.state;
     if (!result || !(result as DataExportResult).flipperUrl) {
       return this.renderPending(cancelAndHide, statusUpdate);