add checkbox to show/hide key

2024-07-09 19:50:43 +02:00
parent d6c3af407e
commit eca5e75583
3 changed files with 25 additions and 2 deletions
@@ -13,6 +13,11 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
    closeModal();
  }

+  const shouldShowKey = new React.State(false);
+  const inputType = React.createProxyState([shouldShowKey], () =>
+    shouldShowKey.value == true ? "text" : "password"
+  );
+
  const secondaryChannelConverter: React.ListItemConverter<string> = (
    secondaryChannel
  ) => {
@@ -111,9 +116,15 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
                <input
                  placeholder={translation.encryptionKeyPlaceholder}
                  bind:value={chat.encryptionKey}
+                  set:type={inputType}
                ></input>
              </div>
            </label>
+
+            <label class="inline margin-0">
+              <input type="checkbox" bind:checked={shouldShowKey}></input>
+              {translation.showKey}
+            </label>
          </div>

          <hr></hr>