add indicator when disconnected = shortcut to connection modal

src/ViewModel/Chat/chatListViewModel.ts

@@ -7,11 +7,13 @@ import CoreViewModel from "../Global/coreViewModel";
 import { IndexManager } from "../../Model/Utility/utility";
 import SettingsViewModel from "../Global/settingsViewModel";
 import StorageModel from "../../Model/Global/storageModel";
+import ConnectionViewModel from "../Global/connectionViewModel";
 
 export default class ChatListViewModel {
     storageModel: StorageModel;
     chatListModel: ChatListModel;
     settingsViewModel: SettingsViewModel;
+    connectionViewModel: ConnectionViewModel;
 
     // data
     chatIndexManager: IndexManager<ChatViewModel> = new IndexManager(
@@ -61,6 +63,7 @@ export default class ChatListViewModel {
             this.storageModel,
             chatModel,
             this.settingsViewModel,
+            this.connectionViewModel,
             this,
         );
     };
@@ -97,10 +100,12 @@ export default class ChatListViewModel {
         storageModel: StorageModel,
         chatListModel: ChatListModel,
         settingsViewModel: SettingsViewModel,
+        connectionViewModel: ConnectionViewModel,
     ) {
         this.storageModel = storageModel;
         this.chatListModel = chatListModel;
         this.settingsViewModel = settingsViewModel;
+        this.connectionViewModel = connectionViewModel;
 
         this.loadChats();
     }

src/ViewModel/Chat/chatViewModel.ts

@@ -18,11 +18,13 @@ import SettingsPageViewModel from "../Pages/settingsPageViewModel";
 import SettingsViewModel from "../Global/settingsViewModel";
 import TaskPageViewModel from "../Pages/taskPageViewModel";
 import { translations } from "../../View/translations";
+import ConnectionViewModel from "../Global/connectionViewModel";
 
 export default class ChatViewModel {
     chatModel: ChatModel;
     storageModel: StorageModel;
     settingsViewModel: SettingsViewModel;
+    connectionViewModel: ConnectionViewModel;
     chatListViewModel: ChatListViewModel;
 
     calendarViewModel: CalendarPageViewModel;
@@ -109,12 +111,14 @@ export default class ChatViewModel {
         storageModel: StorageModel,
         chatModel: ChatModel,
         settingsViewModel: SettingsViewModel,
+        connectionViewModel: ConnectionViewModel,
         chatListViewModel: ChatListViewModel,
     ) {
         // models
         this.storageModel = storageModel;
         this.chatModel = chatModel;
         this.settingsViewModel = settingsViewModel;
+        this.connectionViewModel = connectionViewModel;
         this.chatListViewModel = chatListViewModel;
 
         // page viewModels