feat: Display "Snoozed Until" time on conversation header (#3028)

app/javascript/dashboard/store/modules/conversations/actions.js

@@ -24,8 +24,9 @@ const actions = {
     commit(types.default.SET_LIST_LOADING_STATUS);
     try {
       const response = await ConversationApi.get(params);
-      const { data } = response.data;
-      const { payload: chatList, meta: metaData } = data;
+      const {
+        data: { payload: chatList, meta: metaData },
+      } = response.data;
       commit(types.default.SET_ALL_CONVERSATION, chatList);
       dispatch('conversationStats/set', metaData);
       dispatch('conversationLabels/setBulkConversationLabels', chatList);
@@ -36,10 +37,7 @@ const actions = {
       );
       dispatch(
         'conversationPage/setCurrentPage',
-        {
-          filter: params.assigneeType,
-          page: params.page,
-        },
+        { filter: params.assigneeType, page: params.page },
         { root: true }
       );
       if (!chatList.length) {
@@ -69,10 +67,7 @@ const actions = {
       } = await MessageApi.getPreviousMessages(data);
       commit(
         `conversationMetadata/${types.default.SET_CONVERSATION_METADATA}`,
-        {
-          id: data.conversationId,
-          data: meta,
-        }
+        { id: data.conversationId, data: meta }
       );
       commit(types.default.SET_PREVIOUS_CONVERSATIONS, {
         id: data.conversationId,
@@ -140,14 +135,22 @@ const actions = {
     { conversationId, status, snoozedUntil = null }
   ) => {
     try {
-      const response = await ConversationApi.toggleStatus({
+      const {
+        data: {
+          payload: {
+            current_status: updatedStatus,
+            snoozed_until: updatedSnoozedUntil,
+          } = {},
+        } = {},
+      } = await ConversationApi.toggleStatus({
         conversationId,
         status,
         snoozedUntil,
       });
-      commit(types.default.RESOLVE_CONVERSATION, {
+      commit(types.default.CHANGE_CONVERSATION_STATUS, {
         conversationId,
-        status: response.data.payload.current_status,
+        status: updatedStatus,
+        snoozedUntil: updatedSnoozedUntil,
       });
     } catch (error) {
       // Handle error
@@ -223,11 +226,7 @@ const actions = {
         data: { id, agent_last_seen_at: lastSeen },
       } = await ConversationApi.markMessageRead(data);
       setTimeout(
-        () =>
-          commit(types.default.MARK_MESSAGE_READ, {
-            id,
-            lastSeen,
-          }),
+        () => commit(types.default.MARK_MESSAGE_READ, { id, lastSeen }),
         4000
       );
     } catch (error) {

app/javascript/dashboard/store/modules/conversations/index.js

@@ -69,9 +69,13 @@ export const mutations = {
     Vue.set(chat.meta, 'team', team);
   },
 
-  [types.default.RESOLVE_CONVERSATION](_state, { conversationId, status }) {
+  [types.default.CHANGE_CONVERSATION_STATUS](
+    _state,
+    { conversationId, status, snoozedUntil }
+  ) {
     const conversation =
       getters.getConversationById(_state)(conversationId) || {};
+    Vue.set(conversation, 'snoozed_until', snoozedUntil);
     Vue.set(conversation, 'status', status);
   },