fix(RightSidebar): use old icon on older version

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
nextcloud · Oct 10, 2024 · c3b87e3 · c3b87e3
1 parent 6c6cadc
commit c3b87e3
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue
@@ -34,13 +34,19 @@
 		@closed="handleClosed"
 		@close="handleClose">
 		<!-- Use a custom icon when sidebar is used for chat messages during the call -->
-		<template v-if="isInCall" #toggle-icon>
-			<MessageText :size="20" />
-			<NcCounterBubble v-if="unreadMessagesCounter > 0"
-				class="chat-button__unread-messages-counter"
-				:type="hasUnreadMentions ? 'highlighted' : 'outlined'">
-				{{ unreadMessagesCounter }}
-			</NcCounterBubble>
+		<template #toggle-icon>
+			<template v-if="isInCall">
+				<MessageText :size="20" />
+				<NcCounterBubble v-if="unreadMessagesCounter > 0"
+					class="chat-button__unread-messages-counter"
+					:type="hasUnreadMentions ? 'highlighted' : 'outlined'">
+					{{ unreadMessagesCounter }}
+				</NcCounterBubble>
+			</template>
+			<template v-else>
+				<!-- Use the old icon on older versions -->
+				<MenuIcon :size="20" />
+			</template>
 		</template>
 		<template #description>
 			<LobbyStatus v-if="canFullModerate && hasLobbyEnabled" :token="token" />
@@ -119,6 +125,7 @@ import CogIcon from 'vue-material-design-icons/Cog.vue'
 import DotsCircle from 'vue-material-design-icons/DotsCircle.vue'
 import FolderMultipleImage from 'vue-material-design-icons/FolderMultipleImage.vue'
 import InformationOutline from 'vue-material-design-icons/InformationOutline.vue'
+import MenuIcon from 'vue-material-design-icons/Menu.vue'
 import Message from 'vue-material-design-icons/Message.vue'
 import MessageText from 'vue-material-design-icons/MessageText.vue'
 
@@ -163,6 +170,7 @@ export default {
 		InformationOutline,
 		Message,
 		MessageText,
+		MenuIcon,
 	},
 
 	mixins: [