Merge pull request #15592 from overleaf/td-ide-page-more-modals

React IDE page: add out-of-sync modal and project deleted modal

GitOrigin-RevId: 6081a40c3009e8ebc5b3f9752c4059af3d52966d

services/web/frontend/js/features/ide-react/connection/connection-manager.ts

@@ -24,6 +24,7 @@ const initialState: ConnectionState = {
   inactiveDisconnect: false,
   lastConnectionAttempt: 0,
   reconnectAt: null,
+  forcedDisconnectDelay: 0,
   error: '',
 }
 
@@ -181,9 +182,10 @@ export class ConnectionManager extends Emitter<Events> {
     this.changeState({
       ...this.state,
       forceDisconnected: true,
+      forcedDisconnectDelay: delay,
       error,
     })
-    setTimeout(() => this.disconnect(), delay * 1000)
+    setTimeout(() => this.disconnect(), 1000)
   }
 
   private onJoinProjectResponse({

services/web/frontend/js/features/ide-react/connection/types/connection-state.ts

@@ -13,6 +13,7 @@ export type ConnectionState = {
   forceDisconnected: boolean
   inactiveDisconnect: boolean
   reconnectAt: number | null
+  forcedDisconnectDelay: number
   lastConnectionAttempt: number
   error: '' | ConnectionError
 }