cleanup, prepare BoardSettingsModal

src/View/ChatPages/boardPage.tsx

@@ -1,10 +1,31 @@
 import * as React from "bloatless-react";
 
+import { BoardSettingsModal } from "../Modals/boardSettingsModal";
 import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
+import { translations } from "../translations";
 
 export function BoardPage(boardViewModel: BoardViewModel) {
-  return <div class="pane">
-    <div class="toolbar"></div>
-    <div class="content"></div>
-  </div>;
+  return (
+    <div class="pane">
+      <div class="toolbar">
+        <button
+          class="ghost"
+          aria-label={translations.chatPage.task.closeBoard}
+          on:click={boardViewModel.close}
+        >
+          <span class="icon">arrow_back</span>
+        </button>
+        <button
+          class="ghost"
+          aria-label={translations.chatPage.task.boardSettingsHeadline}
+          on:click={boardViewModel.showSettings}
+        >
+          <span class="icon">settings</span>
+        </button>
+      </div>
+      <div class="content"></div>
+
+      {BoardSettingsModal(boardViewModel)}
+    </div>
+  );
 }