finish chat so far

2024-07-09 17:23:29 +02:00
parent dae32fa6e7
commit 1f482dd35d
12 changed files with 657 additions and 548 deletions
@@ -0,0 +1,31 @@
+import * as React from "bloatless-react";
+
+import { isConnected, isEncryptionAvailable } from "../Model/model";
+
+import { ChatListSection } from "../Views/chatListSection";
+import { ConnectionSection } from "../Views/connectionSection";
+import { translation } from "../translations";
+
+export function OverviewTab() {
+  return (
+    <article id="settings-tab" toggle:connected={isConnected}>
+      <header>{translation.overview}</header>
+
+      <div class="flex-column large-gap">
+        
+        <div class="tile error flex-no" toggle:hidden={isEncryptionAvailable}>
+          <span class="icon">warning</span>
+          <div>
+            <b>{translation.encryptionUnavailableTitle}</b>
+            <span class="secondary">
+              {translation.encryptionUnavailableMessage}
+            </span>
+          </div>
+        </div>
+
+        {ConnectionSection()}
+        {ChatListSection()}
+      </div>
+    </article>
+  );
+}