mirror of
https://github.com/chatwoot/chatwoot.git
synced 2026-07-07 21:14:32 +08:00
ad41fd90f9
# 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 |
||
|---|---|---|
| .. | ||
| conversation | ||
| DashboardApp | ||
| FilterInput | ||
| forms | ||
| mentions | ||
| modal | ||
| WootWriter | ||
| AIAssistanceButton.vue | ||
| AIAssistanceCTAButton.vue | ||
| AIAssistanceModal.vue | ||
| AICTAModal.vue | ||
| AILoader.vue | ||
| AttachmentsPreview.vue | ||
| AutomationActionInput.vue | ||
| AutomationActionTeamMessageInput.vue | ||
| AutomationFileInput.vue | ||
| Avatar.vue | ||
| BackButton.vue | ||
| ChannelItem.vue | ||
| ChatTypeTabs.vue | ||
| ColorPicker.vue | ||
| EmptyState.vue | ||
| FeatureToggle.vue | ||
| InboxName.vue | ||
| LoadingState.vue | ||
| SettingIntroBanner.vue | ||
| ShowMore.vue | ||
| TableFooter.vue | ||
| TableFooterPagination.vue | ||
| TableFooterResults.vue | ||
| TableHeaderCell.vue | ||
| Thumbnail.spec.js | ||
| Thumbnail.vue | ||
| ThumbnailGroup.vue | ||
| UserAvatarWithName.vue | ||
| VideoCallButton.vue | ||