From d6d8d46d30f518c656f2ea7e655a053457609175 Mon Sep 17 00:00:00 2001 From: Ran Shamay Date: Thu, 12 Oct 2023 13:38:25 +0300 Subject: [PATCH] dynamic layout --- client/public/index.html | 2 +- client/src/components/Root.jsx | 1 - client/src/i18n.js | 7 +++++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/client/public/index.html b/client/public/index.html index c45fffa8..7e86cd07 100755 --- a/client/public/index.html +++ b/client/public/index.html @@ -1,5 +1,5 @@ - + diff --git a/client/src/components/Root.jsx b/client/src/components/Root.jsx index 8d76bef7..d59b47d3 100755 --- a/client/src/components/Root.jsx +++ b/client/src/components/Root.jsx @@ -16,7 +16,6 @@ import 'easymde/dist/easymde.min.css'; import '../lib/custom-ui/styles.css'; import '../styles.module.scss'; import OidcLoginContainer from '../containers/OidcLoginContainer'; -import './semantic.rtl.min.css'; function Root({ store, history, config }) { return ( diff --git a/client/src/i18n.js b/client/src/i18n.js index 4f5dda56..205b8b27 100644 --- a/client/src/i18n.js +++ b/client/src/i18n.js @@ -32,6 +32,13 @@ i18n.dateFns = { }; i18n.on('languageChanged', () => { + if (i18n.resolvedLanguage === 'he' || i18n.resolvedLanguage === 'ar') { + document.documentElement.setAttribute('dir', 'rtl'); + import('./components/semantic.rtl.min.css'); + } else { + document.documentElement.setAttribute('dir', 'ltr'); + } + setDefaultLocale(i18n.resolvedLanguage); });