Add option to dismiss dialog

packages/application/src/connectionlost.ts

@@ -1,11 +1,14 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
 
-import { showErrorMessage } from '@jupyterlab/apputils';
+import { Dialog, showDialog } from '@jupyterlab/apputils';
 import { ServerConnection, ServiceManager } from '@jupyterlab/services';
 import { ITranslator, nullTranslator } from '@jupyterlab/translation';
 import { IConnectionLost } from './tokens';
 
+let displayConnectionLost = true;
+let serverConnectionLost: Promise<void | Dialog.IResult<string>> | undefined;
+
 /**
  * A default connection lost handler, which brings up an error dialog.
  */
@@ -22,6 +25,40 @@ export const ConnectionLost: IConnectionLost = async function (
  'JupyterLab will continue trying to reconnect.\n' +
  'Check your network connection or Jupyter server configuration.\n'
  );
+ const buttons = [Dialog.okButton({ label: trans.__('Dismiss') })];
+
+ if (!displayConnectionLost) {
+ return;
+ }
+
+ if (serverConnectionLost) {
+ // Wait for the pre-existing promise to complete
+ await serverConnectionLost;
+ return;
+ }
 
- return showErrorMessage(title, { message: networkMsg });
+ serverConnectionLost = showDialog({
+ title: title,
+ body: networkMsg,
+ checkbox: {
+ label: trans.__('Do not show this message again in this session.'),
+ caption: trans.__(
+ 'If checked, you will not see a dialog informing you about an issue with server connection in the future.'
+ )
+ },
+ buttons: buttons
+ })
+ .then(result => {
+ if (result.isChecked) {
+ displayConnectionLost = false;
+ }
+ return;
+ })
+ .catch(error => {
+ console.error('An error occurred while showing the dialog: ', error);
+ })
+ .finally(() => {
+ serverConnectionLost = undefined;
+ });
+ return;
 };