diff options
author | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 16:06:15 +0200 |
---|---|---|
committer | Grigorii K. Shartsev <me@shgk.me> | 2024-06-28 17:18:12 +0200 |
commit | 8eabfb7bb2459b70e307d0798777ac9098e46fc8 (patch) | |
tree | a5c98fe85872edb3d9b0572969b6c4b0e3391dee | |
parent | 8ed9d04fe8627284e38e8f5ebf21a637285fbb55 (diff) |
fix(RightSidebar): use old icon on older versionbackport/12387/stable29
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
-rw-r--r-- | src/components/RightSidebar/RightSidebar.vue | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue index c3b7a2696..24310abcf 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" /> @@ -124,6 +130,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' @@ -171,6 +178,7 @@ export default { InformationOutline, Message, MessageText, + MenuIcon, }, props: { |