add mailbox

src/Views/connectionSettingsView.tsx

@@ -2,9 +2,13 @@ import * as React from "bloatless-react";
 
 import {
   cannotConnect,
+  cannotDeleteMailbox,
   cannotDisonnect,
+  cannotRequestMailbox,
   connect,
+  deleteMailbox,
   disconnect,
+  requestMailbox,
   serverAddress,
 } from "../model";
 
@@ -41,6 +45,33 @@ export function ConnectionInputView() {
           <span class="icon">arrow_forward</span>
         </button>
       </div>
+
+      <hr></hr>
+
+      <div class="tile">
+        <span class="icon">inbox</span>
+        <div>
+          <b>{translation.mailbox}</b>
+          <span class="secondary">{translation.mailboxExplanation}</span>
+        </div>
+      </div>
+      <div class="flex-row width-input justify-end">
+        <button
+          class="danger width-50"
+          on:click={deleteMailbox}
+          toggle:disabled={cannotDeleteMailbox}
+        >
+          {translation.deleteMailbox}
+        </button>
+        <button
+          class="primary width-50"
+          on:click={requestMailbox}
+          toggle:disabled={cannotRequestMailbox}
+        >
+          {translation.requestMailbox}
+          <span class="icon">arrow_forward</span>
+        </button>
+      </div>
     </div>
   );
 }