diff options
Diffstat (limited to 'packages/renderer/src/i18n/RtlCacheProvider.tsx')
-rw-r--r-- | packages/renderer/src/i18n/RtlCacheProvider.tsx | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/renderer/src/i18n/RtlCacheProvider.tsx b/packages/renderer/src/i18n/RtlCacheProvider.tsx index be770b8..1303314 100644 --- a/packages/renderer/src/i18n/RtlCacheProvider.tsx +++ b/packages/renderer/src/i18n/RtlCacheProvider.tsx | |||
@@ -21,21 +21,21 @@ | |||
21 | import type { EmotionCache } from '@emotion/cache'; | 21 | import type { EmotionCache } from '@emotion/cache'; |
22 | import { CacheProvider } from '@emotion/react'; | 22 | import { CacheProvider } from '@emotion/react'; |
23 | import { observer } from 'mobx-react-lite'; | 23 | import { observer } from 'mobx-react-lite'; |
24 | import React, { ReactNode } from 'react'; | 24 | import React, { type ReactNode } from 'react'; |
25 | 25 | ||
26 | import { useStore } from '../components/StoreProvider'; | 26 | import type RendererStore from '../stores/RendererStore'; |
27 | 27 | ||
28 | function RtlCacheProvider({ | 28 | function RtlCacheProvider({ |
29 | children, | 29 | children, |
30 | store: { | ||
31 | shared: { writingDirection }, | ||
32 | }, | ||
30 | rtlCache, | 33 | rtlCache, |
31 | }: { | 34 | }: { |
32 | children?: ReactNode; | 35 | children?: ReactNode; |
36 | store: RendererStore; | ||
33 | rtlCache: EmotionCache; | 37 | rtlCache: EmotionCache; |
34 | }): JSX.Element { | 38 | }): JSX.Element { |
35 | const { | ||
36 | shared: { writingDirection }, | ||
37 | } = useStore(); | ||
38 | |||
39 | return writingDirection === 'rtl' ? ( | 39 | return writingDirection === 'rtl' ? ( |
40 | <CacheProvider value={rtlCache}>{children}</CacheProvider> | 40 | <CacheProvider value={rtlCache}>{children}</CacheProvider> |
41 | ) : ( | 41 | ) : ( |