start taskPage

src/View/ChatPages/taskPage.tsx

@@ -1,6 +1,5 @@
 import * as React from "bloatless-react";
 
-import { ChatMessageViewModelToView } from "../Components/chatMessage";
 import ChatViewModel from "../../ViewModel/chatViewModel";
 import { translations } from "../translations";
 
@@ -8,10 +7,23 @@ export function TaskPage(chatViewModel: ChatViewModel) {
   return (
     <div id="task-page">
       <div class="pane side">
-        <div class="toolbar">
-          <span subscribe:innerText={chatViewModel.primaryChannel}></span>
+        <div class="content">
+          <div class="flex-row width-input">
+            <input
+              placeholder={translations.chatPage.task.newBoardNamePlaceholder}
+            ></input>
+            <button
+              class="primary"
+              aria-label={
+                translations.chatPage.task.createBoardButtonAudioLabel
+              }
+            >
+              <span class="icon">add</span>
+            </button>
+          </div>
+
+          <div class="flex-row gap"></div>
         </div>
-        <div class="content"></div>
       </div>
       <div class="pane">
         <div class="toolbar">

src/View/translations.ts

@@ -72,7 +72,7 @@ const englishTranslations = {
     path: "Path",
     content: "Content",
 
-    deleteItem: "Delete item"
+    deleteItem: "Delete item",
   },
 
   chatPage: {
@@ -120,6 +120,11 @@ const englishTranslations = {
       decryptMessageButton: "Decrypt message",
       deleteMessageButton: "Delete message",
     },
+
+    task: {
+      newBoardNamePlaceholder: "Create a board",
+      createBoardButtonAudioLabel: "create board",
+    },
   },
 };