dynamically add boards to view

dist/index.js

@@ -571,6 +571,7 @@
     createBoard = (name) => {
       const boardInfoFileContent = _TaskModel.createBoardInfoFileContent(v4_default(), name, "standard" /* Standard */);
       this.updateBoard(boardInfoFileContent);
+      return boardInfoFileContent;
     };
     updateBoard = (boardInfoFileContent) => {
       this.storeBoard(boardInfoFileContent);
@@ -591,8 +592,8 @@
     };
     listBoardIds = () => {
       const boardContainerPath = this.getBoardContainerPath();
-      const boardNames = this.storageModel.list(boardContainerPath);
+      const boardIds = this.storageModel.list(boardContainerPath);
-      return boardNames;
+      return boardIds;
     };
     getBoardInfo = (fileId) => {
       const boardInfoFileContentOrNull = this.fileModel.getLatestFileContent(
@@ -1409,9 +1410,9 @@
     // methods
     createBoard = () => {
       if (this.cannotCreateBoard.value == true) return;
-      this.taskModel.createBoard(this.newBoardNameInput.value);
+      const boardInfoFileContent = this.taskModel.createBoard(this.newBoardNameInput.value);
       this.newBoardNameInput.value = "";
-      this.loadData();
+      this.boards.add(boardInfoFileContent);
     };
     // view
     showBoard = (boardInfo) => {

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);
+    const boardIds: string[] = this.storageModel.list(boardContainerPath);
-    return boardNames;
+    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