add basic model and interface

2024-07-07 22:11:18 +02:00
parent ae3f01ab01
commit cb2b407d30
21 changed files with 1153 additions and 139 deletions
@@ -0,0 +1,28 @@
+import * as React from "bloatless-react";
+
+import { CommunicationSection } from "../Views/communicationSection";
+import { ConnectionSection } from "../Views/connectionSection";
+import { EncryptionSection } from "../Views/encryptionSection";
+import { isConnected } from "../model";
+import { translation } from "../translations";
+
+export function SettingsTab() {
+  return (
+    <article id="settings-tab" toggle:connected={isConnected}>
+      <header>{translation.settings}</header>
+      <div>
+        {ConnectionSection()}
+        {CommunicationSection()}
+        {EncryptionSection()}
+        <hr class="mobile-only"></hr>
+        <a
+          href="#message-tab"
+          class="mobile-only width-100 flex-row justify-end control-gap"
+        >
+          {translation.messages}
+          <span class="icon">arrow_forward</span>
+        </a>
+      </div>
+    </article>
+  );
+}