fix bugs with message hiding

src/Model/Chat/chatModel.ts

@@ -95,6 +95,10 @@ export default class ChatModel {
         return [...this.getReactionDirPath(), id];
     };
 
+    readonly getPreviousFilterPath = (): string[] => {
+	return [StorageModelSubPaths.Chat, ...filePaths.chat.previousFilter(this.id)];
+    }
+
     // handlers
     readonly handleMessage = (body: string): void => {
         const chatMessage: ChatMessage | null = parseValidObject(
@@ -265,6 +269,14 @@ export default class ChatModel {
         this.storageModel.write(this.getColorPath(), this.color);
     };
 
+    readonly storeFilter = (filter: string): void => {
+	this.storageModel.write(this.getPreviousFilterPath(), filter);
+    }
+    
+    readonly getFilter = (): string => {
+	return this.storageModel.read(this.getPreviousFilterPath());
+    }
+
     readonly delete = () => {
         // untrack
         this.chatListModel.untrackChat(this);
@@ -541,4 +553,4 @@ export const ChatMessageReactionReference: ChatMessageReaction = {
     content: "",
 
     isDeleting: false,
-};
+}

src/Model/Files/fileModel.ts

@@ -200,6 +200,7 @@ export default class FileModel {
 export enum FileModelSubPath {
     Data = "data",
     Model = "model",
+    Chat = "chat",
     ModelView = "view",
     ModelTask = "tasks",
     ModelCalendar = "calendar",

src/Model/Global/storageModel.ts

@@ -254,6 +254,7 @@ export const filePaths = {
             ...filePaths.chat.chatBase(id),
             "reactions",
         ],
+	previousFilter: (id: string) => [...filePaths.chat.chatBase(id), "previous-filter"],
         lastUsedPage: (id: string) => [
             ...filePaths.chat.chatBase(id),
             "last-used-page",

src/ViewModel/Chat/chatMessageViewModel.ts

@@ -99,6 +99,55 @@ export default class ChatMessageViewModel {
         this.isPresentingInfoModal.value = false;
     };
 
+    toggleHiding = (): void => {
+	let hideForReactions: boolean = false;
+	let hideForReplyView: boolean = false;
+
+	// reactions
+	const reactionFilter = this.messagePageViewModel.reactionFilter.value;
+	if (reactionFilter == undefined) {
+	    hideForReactions = false;
+	} else {
+	    let count: number = 0;
+	    switch (reactionFilter) {
+		case ReactionSymbols.ThumbsUp: {
+		    count = this.reactionsThumbsUpCount.value;
+		    break;
+		}
+		case ReactionSymbols.Check: {
+		    count = this.reactionsCheckCount.value;
+		    break;
+		}
+		case ReactionSymbols.Stop: {
+		    count = this.reactionsStopCount.value;
+		    break;
+		}
+		case ReactionSymbols.Attention: {
+		    count = this.reactionsAttentionCount.value;
+		    break;
+		}
+		case ReactionSymbols.DoubleAttention: {
+		    count = this.reactionsDoubleAttentionCount.value;
+		    break;
+		}
+		case ReactionSymbols.Question: {
+		    count = this.reactionsQuestionCount.value;
+		    break;
+		}
+	    }
+	    hideForReactions = count == 0;
+	}
+
+	// reply
+	const selectedMessage = this.messagePageViewModel.replyViewSelectedMessage.value;
+	if (selectedMessage == undefined) hideForReplyView = false;
+	else if (selectedMessage.chatMessage.id == this.chatMessage.id) hideForReplyView = false;
+	else if (this.inlineReply != undefined &&  selectedMessage.chatMessage.id == this.inlineReply.chatMessage.id) hideForReplyView = false;
+	else hideForReplyView = true;
+
+	this.isHidden.value = hideForReactions || hideForReplyView;
+    }
+
     // reactions
     handleReaction = (reaction: ChatMessageReaction): void => {
 	if (reaction.isDeleting) {
@@ -150,58 +199,7 @@ export default class ChatMessageViewModel {
 	this.sentByUser = sentByUser;
 	this.loadData();
 
-	let hideForReactions: boolean = false;
+	React.bulkSubscribe([this.messagePageViewModel.reactionFilter, this.messagePageViewModel.replyViewSelectedMessage, this.allReactions], this.toggleHiding);
-	let hideForReplyView: boolean = false;
+	this.toggleHiding();
-
-	const updateHiding = () => {
-	    this.isHidden.value = hideForReactions || hideForReplyView;
-	}
-
-        this.messagePageViewModel.reactionFilter.subscribe((content) => {
-            if (content == undefined) {
-		hideForReactions = false;
-		updateHiding();
-                return;
-            }
-
-            let count: number = 0;
-            switch (content) {
-                case ReactionSymbols.ThumbsUp: {
-                    count = this.reactionsThumbsUpCount.value;
-                    break;
-                }
-                case ReactionSymbols.Check: {
-                    count = this.reactionsCheckCount.value;
-                    break;
-                }
-                case ReactionSymbols.Stop: {
-                    count = this.reactionsStopCount.value;
-                    break;
-                }
-                case ReactionSymbols.Attention: {
-                    count = this.reactionsAttentionCount.value;
-                    break;
-                }
-                case ReactionSymbols.DoubleAttention: {
-                    count = this.reactionsDoubleAttentionCount.value;
-                    break;
-                }
-                case ReactionSymbols.Question: {
-                    count = this.reactionsQuestionCount.value;
-                    break;
-                }
-            }
-
-            hideForReactions = count == 0;
-	    updateHiding();
-        });
-
-	this.messagePageViewModel.replyViewSelectedMessage.subscribe(selectedMessage => {
-	    if (selectedMessage == undefined) hideForReplyView = false;
-	    else if (selectedMessage.chatMessage.id == this.chatMessage.id) hideForReplyView = false;
-	    else if (this.inlineReply != undefined &&  selectedMessage.chatMessage.id == this.inlineReply.chatMessage.id) hideForReplyView = false;
-	    else hideForReplyView = true;
-	    updateHiding();
-	});
     }
 }

src/ViewModel/Pages/messagePageViewModel.ts

@@ -127,10 +127,12 @@ export default class MessagePageViewModel extends Context {
 
     revokeReactionFilter = (): void => {
         this.reactionFilter.value = undefined;
+	this.chatViewModel.chatModel.storeFilter("");
     };
 
     setReactionFilter = (content: ReactionSymbols): void => {
         this.reactionFilter.value = content;
+	this.chatViewModel.chatModel.storeFilter(content);
     };
 
     resetFilter = (): void => {
@@ -196,6 +198,9 @@ export default class MessagePageViewModel extends Context {
                 this.reactionFilter.value != undefined,
         );
 
+	const previousFilter = this.chatViewModel.chatModel.getFilter() as any;
+	if (Object.values(ReactionSymbols).includes(previousFilter)) this.setReactionFilter(previousFilter);
+
         // keystrokes
         this.registerKeyStroke(CommonKeys.Filter, this.showFilterModal);
         this.registerKeyStroke(CommonKeys.CloseOrCancel, () => {