No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/chat_list/chat_list.vue b/src/components/chat_list/chat_list.vue
	index 881df29888..2e79ea1000 100644
	--- a/src/components/chat_list/chat_list.vue
	+++ b/src/components/chat_list/chat_list.vue
	@@ -1,61 +1,61 @@
	<template>
	<div v-if="isNew">
	<ChatNew @cancel="cancelNewChat" />
	</div>
	<div
	v-else
	class="chat-list panel panel-default"
	>
	<div class="panel-heading -sticky">
	<h1 class="title">
	{{ $t("chats.chats") }}
	</h1>
	<button
	class="button-default"
	@click="newChat"
	>
	{{ $t("chats.new") }}
	</button>
	</div>
	<div class="panel-body">
	<div
	v-if="sortedChatList.length > 0"
	class="timeline"
	>
	- <List :items="sortedChatList">
	+ <List :external-items="sortedChatList">
	<template #item="{item}">
	<ChatListItem
	:key="item.id"
	:compact="false"
	:chat="item"
	/>
	</template>
	</List>
	</div>
	<div
	v-else
	class="empty-chat-list-alert"
	>
	<span>{{ $t('chats.empty_chat_list_placeholder') }}</span>
	</div>
	</div>
	</div>
	</template>

	<script src="./chat_list.js"></script>

	<style lang="scss">
	.chat-list {
	min-height: 25em;
	margin-bottom: 0;
	}

	.empty-chat-list-alert {
	padding: 3em;
	font-size: 1.2em;
	display: flex;
	justify-content: center;
	color: var(--textFaint);
	}

	</style>