Add the empty chat list placeholder.

Do not use full height when displaying the chat list.
Remove an unsued chat action.
This commit is contained in:
eugenijm 2020-07-07 18:30:05 +03:00
parent 45901c8da6
commit 18a1f5d62a
4 changed files with 28 additions and 7 deletions

View file

@ -15,7 +15,10 @@
</button>
</div>
<div class="panel-body">
<div class="timeline">
<div
v-if="sortedChatList.length > 0"
class="timeline"
>
<List :items="sortedChatList">
<template
slot="item"
@ -29,6 +32,12 @@
</template>
</List>
</div>
<div
v-else
class="emtpy-chat-list-alert"
>
<span>{{ $t('chats.empty_chat_list_placeholder') }}</span>
</div>
</div>
</div>
</template>
@ -39,10 +48,24 @@
@import '../../_variables.scss';
.chat-list {
min-height: calc(100vh - 67px);
min-height: 25em;
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
&::after {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.emtpy-chat-list-alert {
padding: 3em;
font-size: 1.2em;
display: flex;
justify-content: center;
color: $fallback--text;
color: var(--faint, $fallback--text);
}
</style>

View file

@ -192,7 +192,7 @@ const PostStatusForm = {
this.newStatus.poll.error
},
showPreview () {
return !!this.preview || this.previewLoading
return !this.disablePreview && (!!this.preview || this.previewLoading)
},
emptyStatus () {
return this.newStatus.status.trim() === '' && this.newStatus.files.length === 0

View file

@ -794,7 +794,8 @@
"more": "More",
"delete_confirm": "Do you really want to delete this message?",
"error_loading_chat": "Something went wrong when loading the chat.",
"error_sending_message": "Something went wrong when sending the message."
"error_sending_message": "Something went wrong when sending the message.",
"empty_chat_list_placeholder": "You don't have any chats yet. Start a new chat!"
},
"file_type": {
"audio": "Audio",

View file

@ -83,9 +83,6 @@ const chats = {
resetChatNewMessageCount ({ commit }, value) {
commit('resetChatNewMessageCount', value)
},
removeFromCurrentChatStatuses ({ commit }, { id }) {
commit('removeFromCurrentChatStatuses', id)
},
clearCurrentChat ({ rootState, commit, dispatch }, value) {
commit('setCurrentChatId', { chatId: undefined })
commit('setCurrentChatFetcher', { fetcher: undefined })