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">