feat: add rtlcss to styled components.

This commit is contained in:
a.bouhuolia
2021-12-27 11:08:05 +02:00
parent e1646e92a8
commit a1ed9bf4da
8 changed files with 24 additions and 52 deletions

View File

@@ -1,9 +1,16 @@
import React from 'react';
import { ThemeProvider } from 'styled-components';
import { ThemeProvider, StyleSheetManager } from 'styled-components';
import rtlcss from 'stylis-rtlcss';
import { useAppIntlContext } from '../AppIntlProvider';
export function DashboardThemeProvider({ children }) {
const { direction } = useAppIntlContext();
return <ThemeProvider theme={{ dir: direction }}>{children}</ThemeProvider>;
return (
<StyleSheetManager
{...(direction === 'rtl' ? { stylisPlugins: [rtlcss] } : {})}
>
<ThemeProvider theme={{ dir: direction }}>{children}</ThemeProvider>
</StyleSheetManager>
);
}