remember and re-open last used board

src/ViewModel/Chat/chatViewModel.ts

@@ -37,9 +37,7 @@ export default class ChatViewModel {
     this.chatListViewModel.closeChat();
   };
 
-  closeSubPages = (): void => {
-    this.taskPageViewModel.closeBoard();
-  };
+  closeSubPages = (): void => {};
 
   setColor = (color: Color): void => {
     this.setDisplayedColor(color);
@@ -55,7 +53,8 @@ export default class ChatViewModel {
   };
 
   updateIndex = (): void => {
-    const index: number = this.chatListViewModel.chatIndexManager.getIndex(this);
+    const index: number =
+      this.chatListViewModel.chatIndexManager.getIndex(this);
     this.index.value = index;
   };
 
@@ -72,6 +71,7 @@ export default class ChatViewModel {
 
     this.selectedPage.subscribeSilent((newPage) => {
       this.storageModel.write(path, newPage);
+      this.resetColor();
     });
   };
 

src/ViewModel/Pages/taskPageViewModel.ts

@@ -23,6 +23,23 @@ export default class TaskPageViewModel {
     (boardViewModel: BoardViewModel) => boardViewModel.name.value
   );
 
+  // paths
+  getBasePath = (): string[] => {
+    return [...this.taskModel.getBasePath(), TaskPageViewModelSubPaths.View];
+  };
+
+  getLastUsedBoardPath = (): string[] => {
+    return [...this.getBasePath(), TaskPageViewModelSubPaths.ViewLastUsedBoard];
+  };
+
+  getLastUsedViewPath = (boardId: string): string[] => {
+    return [
+      ...this.getBasePath(),
+      boardId,
+      TaskPageViewModelSubPaths.BoardLastUsedView,
+    ];
+  };
+
   // state
   newBoardNameInput: React.State<string> = new React.State("");
 
@@ -80,11 +97,15 @@ export default class TaskPageViewModel {
   selectBoard = (boardViewModel: BoardViewModel): void => {
     this.selectedBoardId.value = boardViewModel.boardInfo.fileId;
     this.chatViewModel.displayedColor.value = boardViewModel.color.value;
+
+    this.storeLastUsedBoard();
   };
 
   closeBoard = (): void => {
     this.selectedBoardId.value = undefined;
     this.chatViewModel.resetColor();
+
+    this.storeLastUsedBoard();
   };
 
   updateIndices = (): void => {
@@ -94,6 +115,25 @@ export default class TaskPageViewModel {
     }
   };
 
+  // storage
+  storeLastUsedBoard = (): void => {
+    const path: string[] = this.getLastUsedBoardPath();
+    const lastUsedBoardId: string = this.selectedBoardId.value ?? "";
+    this.storageModel.write(path, lastUsedBoardId);
+  };
+
+  openLastUsedBoard = (): void => {
+    const path: string[] = this.getLastUsedBoardPath();
+    const lastUsedBoardId: string | null = this.storageModel.read(path);
+    if (lastUsedBoardId == null) return;
+
+    const boardViewModel: BoardViewModel | undefined =
+      this.boardViewModels.value.get(lastUsedBoardId);
+    if (boardViewModel == undefined) return;
+
+    this.selectBoard(boardViewModel);
+  };
+
   // load
   loadData = (): void => {
     this.boardViewModels.clear();
@@ -108,6 +148,7 @@ export default class TaskPageViewModel {
     }
 
     this.updateIndices();
+    this.openLastUsedBoard();
   };
 
   // init
@@ -132,6 +173,7 @@ export default class TaskPageViewModel {
 }
 
 export enum TaskPageViewModelSubPaths {
-  LastUsedBoard = "last-used-board",
+  View = "view",
+  ViewLastUsedBoard = "last-used-board",
   BoardLastUsedView = "last-used-view",
-};
+}