diff --git a/app/javascript/dashboard/components/ChatList.vue b/app/javascript/dashboard/components/ChatList.vue index 098bc41c1..de895c76e 100644 --- a/app/javascript/dashboard/components/ChatList.vue +++ b/app/javascript/dashboard/components/ChatList.vue @@ -853,6 +853,8 @@ watch(conversationFilters, (newVal, oldVal) => { :has-active-folders="hasActiveFolders" :active-status="activeStatus" :is-on-expanded-layout="isOnExpandedLayout" + :conversation-stats="conversationStats" + :is-list-loading="chatListLoading" @add-folders="onClickOpenAddFoldersModal" @delete-folders="onClickOpenDeleteFoldersModal" @filters-modal="onToggleAdvanceFiltersModal" diff --git a/app/javascript/dashboard/components/ChatListHeader.vue b/app/javascript/dashboard/components/ChatListHeader.vue index b4ce9f342..c184103c0 100644 --- a/app/javascript/dashboard/components/ChatListHeader.vue +++ b/app/javascript/dashboard/components/ChatListHeader.vue @@ -2,6 +2,7 @@ import { computed } from 'vue'; import { useUISettings } from 'dashboard/composables/useUISettings'; import { useMapGetter } from 'dashboard/composables/store.js'; +import { formatNumber } from '@chatwoot/utils'; import wootConstants from 'dashboard/constants/globals'; import { FEATURE_FLAGS } from 'dashboard/featureFlags'; @@ -10,26 +11,13 @@ import SwitchLayout from 'dashboard/routes/dashboard/conversation/search/SwitchL import NextButton from 'dashboard/components-next/button/Button.vue'; const props = defineProps({ - pageTitle: { - type: String, - required: true, - }, - hasAppliedFilters: { - type: Boolean, - required: true, - }, - hasActiveFolders: { - type: Boolean, - required: true, - }, - activeStatus: { - type: String, - required: true, - }, - isOnExpandedLayout: { - type: Boolean, - required: true, - }, + pageTitle: { type: String, required: true }, + hasAppliedFilters: { type: Boolean, required: true }, + hasActiveFolders: { type: Boolean, required: true }, + activeStatus: { type: String, required: true }, + isOnExpandedLayout: { type: Boolean, required: true }, + conversationStats: { type: Object, required: true }, + isListLoading: { type: Boolean, required: true }, }); const emit = defineEmits([ @@ -62,6 +50,9 @@ const showV4View = computed(() => { ); }); +const allCount = computed(() => props.conversationStats?.allCount || 0); +const formattedAllCount = computed(() => formatNumber(allCount.value)); + const toggleConversationLayout = () => { const { LAYOUT_TYPES } = wootConstants; const { @@ -92,6 +83,15 @@ const toggleConversationLayout = () => { > {{ pageTitle }} + + {{ formattedAllCount }} + =10'} '@codemirror/commands@6.7.0': @@ -5255,7 +5255,7 @@ snapshots: prosemirror-utils: 1.2.2(prosemirror-model@1.22.3)(prosemirror-state@1.4.3) prosemirror-view: 1.34.1 - '@chatwoot/utils@0.0.46': + '@chatwoot/utils@0.0.47': dependencies: date-fns: 2.30.0