From d66d4c781da63fc85500f3ea573f9431d8950a5b Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 11 May 2023 11:07:13 +0200
Subject: [PATCH] Fix problems with read only room flag

A reload would cause the prop to not be set.
---
 src/components/Chat.vue                     |  2 +-
 src/components/messages/MessageIncoming.vue |  2 +-
 src/components/messages/MessageOutgoing.vue |  2 +-
 src/services/matrix.service.js              | 11 ++++++++++-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index cf3f048..c587fd1 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -113,7 +113,7 @@
             {{ typingMembersString }}
           </div>
         </v-row>
-        <v-row class="input-area-inner align-center" v-if="!showRecorder">
+        <v-row class="input-area-inner align-center" v-if="!showRecorder && !$matrix.currentRoomIsReadOnlyForUser">
           <v-col class="flex-grow-1 flex-shrink-1 ma-0 pa-0">
             <v-textarea height="undefined" ref="messageInput" full-width auto-grow rows="1" v-model="currentInput"
               no-resize class="input-area-text" :placeholder="$t('message.your_message')" hide-details
diff --git a/src/components/messages/MessageIncoming.vue b/src/components/messages/MessageIncoming.vue
index d6ad5a3..2f34c50 100644
--- a/src/components/messages/MessageIncoming.vue
+++ b/src/components/messages/MessageIncoming.vue
@@ -15,7 +15,7 @@
     </v-avatar>
     <!-- SLOT FOR CONTENT -->
     <slot></slot>
-    <div class="op-button" ref="opbutton" v-if="!event.isRedacted()">
+    <div class="op-button" ref="opbutton" v-if="!event.isRedacted() && !$matrix.currentRoomIsReadOnlyForUser">
       <v-btn id="btn-more" icon @click.stop="showContextMenu($refs.opbutton)">
         <v-icon>more_vert</v-icon>
       </v-btn>
diff --git a/src/components/messages/MessageOutgoing.vue b/src/components/messages/MessageOutgoing.vue
index 7249ee1..644641d 100644
--- a/src/components/messages/MessageOutgoing.vue
+++ b/src/components/messages/MessageOutgoing.vue
@@ -8,7 +8,7 @@
       <div class="status">{{ event.status }}</div>
     </div>
 
-    <div class="op-button" ref="opbutton" v-if="!event.isRedacted()">
+    <div class="op-button" ref="opbutton" v-if="!event.isRedacted() && !$matrix.currentRoomIsReadOnlyForUser">
       <v-btn id="btn-show-menu" icon @click.stop="showContextMenu($refs.opbutton)">
         <v-icon>more_vert</v-icon>
       </v-btn>
diff --git a/src/services/matrix.service.js b/src/services/matrix.service.js
index 1013b07..44c6127 100644
--- a/src/services/matrix.service.js
+++ b/src/services/matrix.service.js
@@ -94,9 +94,18 @@ export default {
           immediate: true,
           handler(roomId) {
             this.currentRoom = this.getRoom(roomId);
-            this.currentRoomIsReadOnlyForUser = this.isReadOnlyRoomForUser(roomId, this.currentUserId);
           },
         },
+        currentRoom: {
+          immediate: true,
+          handler(room) {
+            if (room) {
+              this.currentRoomIsReadOnlyForUser = this.isReadOnlyRoomForUser(room.roomId, this.currentUserId);
+            } else {
+              this.currentRoomIsReadOnlyForUser = false;
+            }
+          }
+        }
       },
 
       methods: {