Management: add interfaceDirection

This commit is contained in:
Viktor Fomin 2023-09-05 19:01:48 +03:00
parent f3754f4350
commit 483d67c248

View File

@ -1,6 +1,6 @@
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import { observer, Provider as MobxProvider } from "mobx-react"; import { observer, Provider as MobxProvider } from "mobx-react";
import { I18nextProvider } from "react-i18next"; import { I18nextProvider, useTranslation } from "react-i18next";
import { isMobileOnly } from "react-device-detect"; import { isMobileOnly } from "react-device-detect";
@ -22,6 +22,8 @@ import NavMenu from "client/NavMenu";
import i18n from "./i18n"; import i18n from "./i18n";
const App = observer(() => { const App = observer(() => {
const { i18n } = useTranslation();
const { authStore } = useStore(); const { authStore } = useStore();
const { init, settingsStore, userStore } = authStore; const { init, settingsStore, userStore } = authStore;
const { theme, setTheme } = settingsStore; const { theme, setTheme } = settingsStore;
@ -49,7 +51,7 @@ const App = observer(() => {
); );
return ( return (
<ThemeProvider theme={theme}> <ThemeProvider theme={{ ...theme, interfaceDirection: i18n.dir() }}>
<Layout> <Layout>
{toast} {toast}
<NavMenu hideProfileMenu customHeader={<SimpleHeader />} /> <NavMenu hideProfileMenu customHeader={<SimpleHeader />} />