From c3b87e34de397ee4bda6ed90baaf8848510d88d8 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Fri, 28 Jun 2024 16:06:15 +0200
Subject: [PATCH] fix(RightSidebar): use old icon on older version

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/RightSidebar/RightSidebar.vue | 22 +++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue
index 84cd89b885e..895fdff6954 100644
--- 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: [