fixup! show joined room during loading

Signed-off-by: Grigorii K. Shartsev <[email protected]>

Author: ShGKme

src/components/LeftSidebar/ConversationsListVirtual.vue

@@ -28,12 +28,16 @@
 		<template #default="{ item }">
 			<Conversation :item="item" />
 		</template>
+		<template #after>
+			<LoadingPlaceholder v-if="loading" type="conversations" />
+		</template>
 	</RecycleScroller>
 </template>
 
 <script>
 import { RecycleScroller } from 'vue-virtual-scroller'
 
+import LoadingPlaceholder from '../LoadingPlaceholder.vue'
 import Conversation from './ConversationsList/Conversation.vue'
 
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
@@ -44,6 +48,7 @@ export default {
 	name: 'ConversationsListVirtual',
 
 	components: {
+		LoadingPlaceholder,
 		Conversation,
 		RecycleScroller,
 	},
@@ -53,6 +58,11 @@ export default {
 			type: Array,
 			required: true,
 		},
+
+		loading: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	setup() {

src/components/LeftSidebar/LeftSidebar.vue

@@ -114,14 +114,15 @@
 			<li ref="container" class="left-sidebar__list">
 				<ul class="scroller h-100">
 					<!-- Conversations List -->
-					<template v-else-if="!isSearching">
-						<li v-if="filteredConversationsList.length" class="h-100">
+					<template v-if="!isSearching">
+						<li class="h-100">
 							<ConversationsListVirtual ref="scroller"
 								:conversations="filteredConversationsList"
+								:loading="!initialisedConversations"
 								class="h-100"
 								@scroll.native="debounceHandleScroll" />
 						</li>
-						<Hint v-else :hint="t('spreed', 'No matches found')" />
+						<Hint v-if="initialisedConversations && filteredConversationsList.length === 0" :hint="t('spreed', 'No matches found')" />
 					</template>
 
 					<!-- Search results -->