Farsi translations for React-Admin, the frontend framework for building admin applications on top of REST/GraphQL services.
npm install --save ra-language-farsiimport farsiMessages from 'ra-language-farsi';
import polyglotI18nProvider from 'ra-i18n-polyglot';
const i18nProvider = polyglotI18nProvider(() => farsiMessages, 'fa');
<Admin i18nProvider={i18nProvider}>
...
</Admin>Material UI is already supprting RTL, so we can add its support to react admin using these 2 steps:
- Change dir property to rtl in your root elements (like body). You can also connect this property to redux.
- Define a theme and set direction to rtl.
import { createMuiTheme } from '@material-ui/core/styles';
const theme = createMuiTheme({
direction: 'rtl',
});
const App = () => (
<Admin theme={theme}>
// ...
</Admin>
);public/index.html
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root" dir="rtl"></div>
</body>or in css of body add :
body {
direction: rtl;
}This translation is licensed under the BSD Licence, and sponsored by Hamid FzM.