diff --git a/app/javascript/dashboard/App.vue b/app/javascript/dashboard/App.vue index ef4bd2eb3..0d0a6906c 100644 --- a/app/javascript/dashboard/App.vue +++ b/app/javascript/dashboard/App.vue @@ -104,6 +104,7 @@ export default { } = this.getAccount(this.currentAccountId); const { pubsub_token: pubsubToken } = this.currentUser || {}; this.setLocale(locale); + this.updateRTLDirectionView(locale); this.latestChatwootVersion = latestChatwootVersion; vueActionCable.init(pubsubToken); }, diff --git a/app/javascript/shared/mixins/rtlMixin.js b/app/javascript/shared/mixins/rtlMixin.js index 6267c9c16..6ea906d63 100644 --- a/app/javascript/shared/mixins/rtlMixin.js +++ b/app/javascript/shared/mixins/rtlMixin.js @@ -1,4 +1,5 @@ import uiSettingsMixin from 'dashboard/mixins/uiSettings'; +import { getLanguageDirection } from 'dashboard/components/widgets/conversation/advancedFilterItems/languages'; export default { mixins: [uiSettingsMixin], @@ -8,4 +9,12 @@ export default { return isRTLView; }, }, + methods: { + updateRTLDirectionView(locale) { + const isRTLSupported = getLanguageDirection(locale); + this.updateUISettings({ + rtl_view: isRTLSupported, + }); + }, + }, };