diff --git a/src/View/Components/chatMessage.tsx b/src/View/Components/chatMessage.tsx
index 5d8829a1..416db768 100644
--- a/src/View/Components/chatMessage.tsx
+++ b/src/View/Components/chatMessage.tsx
@@ -69,7 +69,8 @@ export function ChatMessage(
aria-label={
coreViewModel.translations.chatPage.message
.replyToMessageButton
- }
+ }
+ toggle:hidden={chatMessageViewModel.messagePageViewModel.isReplyViewActive}
>
reply
diff --git a/src/View/Components/replyViewHeader.tsx b/src/View/Components/replyViewHeader.tsx
index 80c3356d..4802d6a3 100644
--- a/src/View/Components/replyViewHeader.tsx
+++ b/src/View/Components/replyViewHeader.tsx
@@ -3,7 +3,7 @@ import CoreViewModel from "../../ViewModel/Global/coreViewModel";
import MessagePageViewModel from "../../ViewModel/Pages/messagePageViewModel";
export function ReplyViewHeader(coreViewModel: CoreViewModel, messagePageViewModel: MessagePageViewModel) {
- const isHidden = React.createProxyState([messagePageViewModel.replyViewSelectedMessage], ()=>messagePageViewModel.replyViewSelectedMessage.value == undefined);
+ const isHidden = React.createProxyState([messagePageViewModel.isReplyViewActive], ()=>!messagePageViewModel.isReplyViewActive.value);
const label = React.createProxyState([messagePageViewModel.replyViewSelectedMessage], ()=>messagePageViewModel.replyViewSelectedMessage.value == undefined ? "" : coreViewModel.translations.chatPage.message.replyHeaderLabel(messagePageViewModel.replyViewSelectedMessage.value.sender));
const message = React.createProxyState([messagePageViewModel.replyViewSelectedMessage], ()=>messagePageViewModel.replyViewSelectedMessage.value == undefined ? "" : messagePageViewModel.replyViewSelectedMessage.value.body.value);
diff --git a/src/View/Modals/chatMessageInfoModal.tsx b/src/View/Modals/chatMessageInfoModal.tsx
index e8017bcb..1373ed53 100644
--- a/src/View/Modals/chatMessageInfoModal.tsx
+++ b/src/View/Modals/chatMessageInfoModal.tsx
@@ -72,7 +72,10 @@ export function ChatMessageInfoModal(
}
key
-