add indicator when disconnected = shortcut to connection modal

src/View/chatPage.tsx

@@ -49,6 +49,19 @@ export function ChatPage(chatViewModel: ChatViewModel) {
                     >
                         <span class="icon">close</span>
                     </button>
+                    <button
+                        class="danger"
+                        aria-label={translations.general.restoreConnection}
+                        on:click={
+                            chatViewModel.connectionViewModel
+                                .showConnectionModal
+                        }
+                        toggle:hidden={
+                            chatViewModel.connectionViewModel.isConnected
+                        }
+                    >
+                        <span class="icon">signal_disconnected</span>
+                    </button>
 
                     <span>
                         {ChatViewToggleButton(

src/View/translations.ts

@@ -21,6 +21,8 @@ const englishTranslations = {
 
         fileVersionLabel: "Version",
         searchLabel: "Search",
+
+        restoreConnection: "Restore connection",
     },
 
     regional: {
@@ -295,6 +297,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
 
             fileVersionLabel: "Version",
             searchLabel: "Suche",
+
+            restoreConnection: "Verbindung wiederherstellen",
         },
 
         regional: {
@@ -537,6 +541,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
 
             fileVersionLabel: "Versión",
             searchLabel: "Buscar",
+
+            restoreConnection: "Conectar de nuevo",
         },
 
         regional: {