[desk-tool] Prevent duplicate reconnection snackbars from appearing w…

…hen disconnecting
sanity-io · May 19, 2020 · 887eac4 · 887eac4
1 parent a60d86a
commit 887eac4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/@sanity/components/src/snackbar/DefaultSnackbar.js b/packages/@sanity/components/src/snackbar/DefaultSnackbar.js
@@ -18,7 +18,8 @@ export default class DefaultSnackbar extends React.PureComponent {
     // Legacy props
     onAction: PropTypes.func,
     actionTitle: PropTypes.string,
-    timeout: PropTypes.number
+    timeout: PropTypes.number,
+    preventDuplicate: PropTypes.bool
   }
 
   static contextTypes = {
@@ -43,7 +44,8 @@ export default class DefaultSnackbar extends React.PureComponent {
       onClose,
       onAction,
       isPersisted,
-      isCloseable
+      isCloseable,
+      preventDuplicate
     } = this.props
 
     return {
@@ -58,7 +60,8 @@ export default class DefaultSnackbar extends React.PureComponent {
       },
       isPersisted,
       isCloseable,
-      autoDismissTimeout: timeout
+      autoDismissTimeout: timeout,
+      preventDuplicate
     }
   }
 

diff --git a/packages/@sanity/desk-tool/src/panes/documentPane/DocumentPane.tsx b/packages/@sanity/desk-tool/src/panes/documentPane/DocumentPane.tsx
@@ -861,7 +861,12 @@ export default class DocumentPane extends React.PureComponent<Props, State> {
             <InspectView value={value} onClose={this.handleHideInspector} />
           )}
           {connectionState === 'reconnecting' && (
-            <Snackbar kind="warning" isPersisted title="Connection lost. Reconnecting…" />
+            <Snackbar
+              kind="warning"
+              title="Connection lost. Reconnecting when online…"
+              isPersisted
+              preventDuplicate
+            />
           )}
           <DocumentOperationResults id={options.id} type={options.type} />
         </TabbedPane>