dynamically add boards to view

src/Model/Files/taskModel.ts

@@ -68,10 +68,11 @@ export default class TaskModel {
   };
 
   // boards
-  createBoard = (name: string): void => {
+  createBoard = (name: string): BoardInfoFileContent => {
     const boardInfoFileContent: BoardInfoFileContent =
       TaskModel.createBoardInfoFileContent(v4(), name, Color.Standard);
     this.updateBoard(boardInfoFileContent);
+    return boardInfoFileContent;
   };
 
   updateBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
@@ -100,8 +101,8 @@ export default class TaskModel {
 
   listBoardIds = (): string[] => {
     const boardContainerPath: string[] = this.getBoardContainerPath();
-    const boardNames: string[] = this.storageModel.list(boardContainerPath);
-    return boardNames;
+    const boardIds: string[] = this.storageModel.list(boardContainerPath);
+    return boardIds;
   };
 
   getBoardInfo = (fileId: string): BoardInfoFileContent | null => {

src/ViewModel/Pages/taskPageViewModel.ts

@@ -37,10 +37,11 @@ export default class TaskPageViewModel {
   createBoard = (): void => {
     if (this.cannotCreateBoard.value == true) return;
 
-    this.taskModel.createBoard(this.newBoardNameInput.value);
+    const boardInfoFileContent: BoardInfoFileContent =
+      this.taskModel.createBoard(this.newBoardNameInput.value);
     this.newBoardNameInput.value = "";
 
-    this.loadData();
+    this.boards.add(boardInfoFileContent);
   };
 
   // view