LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Prevent count flicker on loading more conversations (#11706)

Browse Source
This commit is contained in:
Sivin Varghese
2025-06-12 14:38:45 +05:30
committed by GitHub
parent 288df3a399
commit f28bb70d67
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/dashboard/components/ChatList.vue
View File

@@ -109,6 +109,7 @@ const advancedFilterTypes = ref(
attributeName: t(`FILTER.ATTRIBUTES.${filter.attributeI18nKey}`), attributeName: t(`FILTER.ATTRIBUTES.${filter.attributeI18nKey}`),
})) }))
); );
const isInitialLoad = ref(false);
const currentUser = useMapGetter('getCurrentUser'); const currentUser = useMapGetter('getCurrentUser');
const chatLists = useMapGetter('getFilteredConversations'); const chatLists = useMapGetter('getFilteredConversations');
@@ -376,6 +377,7 @@ function setFiltersFromUISettings() {
function emitConversationLoaded() { function emitConversationLoaded() {
emit('conversationLoad'); emit('conversationLoad');
isInitialLoad.value = false;
// [VITE] removing this since the library has changed // [VITE] removing this since the library has changed
// nextTick(() => { // nextTick(() => {
// // Addressing a known issue in the virtual list library where dynamically added items // // Addressing a known issue in the virtual list library where dynamically added items
@@ -420,6 +422,7 @@ function onApplyFilter(payload) {
foldersQuery.value = filterQueryGenerator(payload); foldersQuery.value = filterQueryGenerator(payload);
store.dispatch('conversationPage/reset'); store.dispatch('conversationPage/reset');
store.dispatch('emptyAllConversations'); store.dispatch('emptyAllConversations');
isInitialLoad.value = true;
fetchFilteredConversations(payload); fetchFilteredConversations(payload);
} }
@@ -574,6 +577,7 @@ function resetAndFetchData() {
store.dispatch('conversationPage/reset'); store.dispatch('conversationPage/reset');
store.dispatch('emptyAllConversations'); store.dispatch('emptyAllConversations');
store.dispatch('clearConversationFilters'); store.dispatch('clearConversationFilters');
isInitialLoad.value = true;
if (hasActiveFolders.value) { if (hasActiveFolders.value) {
const payload = activeFolder.value.query; const payload = activeFolder.value.query;
fetchSavedFilteredConversations(payload); fetchSavedFilteredConversations(payload);
@@ -854,7 +858,7 @@ watch(conversationFilters, (newVal, oldVal) => {
:active-status="activeStatus" :active-status="activeStatus"
:is-on-expanded-layout="isOnExpandedLayout" :is-on-expanded-layout="isOnExpandedLayout"
:conversation-stats="conversationStats" :conversation-stats="conversationStats"
:is-list-loading="chatListLoading" :is-list-loading="isInitialLoad"
@add-folders="onClickOpenAddFoldersModal" @add-folders="onClickOpenAddFoldersModal"
@delete-folders="onClickOpenDeleteFoldersModal" @delete-folders="onClickOpenDeleteFoldersModal"
@filters-modal="onToggleAdvanceFiltersModal" @filters-modal="onToggleAdvanceFiltersModal"