iachat/app/javascript/dashboard/components/widgets/conversation
Sivin Varghese ad41fd90f9
fix: Fix the translation issue on conversation filter reload (#11513)
# Pull Request Template

## Description

This PR fixes the translation inconsistency in the
`<ConversationBasicFilter />` component, where dropdown options would
revert to English after page reload.

**Cause:**
The component used static arrays for chat status and sort options, with
translations initialized only once. After a reload, it showed system
language (English) until the user's locale was fully loaded.

**Solution:**
Replaced static arrays with computed properties to make translations
reactive. This ensures the options automatically update when the locale
changes.

## Type of change

- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

### Loom video

**Before**

https://www.loom.com/share/eeac97c59b21480b95ef74813d3d7fa9?sid=0481994a-8d35-4c44-87d0-c6c5a77a54fd

**After**

https://www.loom.com/share/c1bdfbdb19ca4e37bda373f0fe12527a?sid=cb5b1d19-272b-48cb-967c-9a82c2a2b028



## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules
2025-05-19 11:18:06 -07:00
..
advancedFilterItems feat: Add support for frontend filtering of conversations (#11111) 2025-03-24 19:39:04 -07:00
bubble chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
components feat: Add Teleport component to fix RTL/LTR utility classes (#11455) 2025-05-12 11:49:23 -07:00
contextMenu fix: Usability issues in conversation card context menu (#10971) 2025-02-25 16:48:04 +05:30
conversation chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
conversationBulkActions chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
conversationCardComponents chore(v4): Update colors (#10700) 2025-01-16 15:27:23 +05:30
EmptyState feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
helpers chore: Migrate all instances of old vuelidate to new v2 syntax [CW-3274] (#9623) 2024-07-30 15:08:22 +05:30
linear fix: Hover issue with Linear issue popup (#11376) 2025-04-25 10:14:23 +05:30
specs chore: fix circleci on vite build (#10214) 2024-10-07 15:27:41 +05:30
WhatsappTemplates chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
AvailabilityStatusBadge.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
CannedResponse.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
ChatFilter.vue feat: Dark Mode (#7471) 2023-07-21 22:10:25 +05:30
ConversationBasicFilter.vue fix: Fix the translation issue on conversation filter reload (#11513) 2025-05-19 11:18:06 -07:00
ConversationBox.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
ConversationCard.vue feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30
ConversationHeader.vue chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
ConversationSidebar.vue feat: Support bigger font size in dashboard (#10974) 2025-02-27 12:10:33 +05:30
EmailTranscriptModal.vue chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
FilterItem.vue chore: Update chat list header UI (#10573) 2024-12-12 10:12:07 +05:30
Message.vue feat: Add RTL Support to Widget (#11022) 2025-03-21 09:39:03 -07:00
MessagePreview.vue chore: Repalce message formatter mixin with useMessageFormatter [CW-3470] (#9986) 2024-08-27 08:06:51 +05:30
MessageSignatureMissingAlert.vue chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
MessagesView.vue chore: Audit message characters across all channels (#11343) 2025-04-21 14:46:51 +05:30
MoreActions.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
OnboardingFeatureCard.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
OnboardingView.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
PriorityMark.vue chore(v4): Update colors (#10700) 2025-01-16 15:27:23 +05:30
ReplyBox.vue chore: Audit message characters across all channels (#11343) 2025-04-21 14:46:51 +05:30
ReplyEmailHead.vue chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
ReplyToMessage.vue chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
ShopifyOrderItem.vue feat(apps): Shopify Integration (#11101) 2025-03-19 15:37:55 -07:00
ShopifyOrdersList.vue feat(apps): Shopify Integration (#11101) 2025-03-19 15:37:55 -07:00
TagAgents.vue fix: Prevent mentions menu from triggering on reply mode change (#11264) 2025-04-09 15:25:46 +05:30
VariableList.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30