adonese/ra-language-arabic

Arabic translations for React-Admin, the frontend framework for building admin applications on top of REST/GraphQL services.

JavaScriptBSD-2-Clause

Arabic Translations for React-Admin

Arabic translations for React-Admin, the frontend framework for building admin applications on top of REST/GraphQL services.

Installation

npm install --save ra-language-arabic

Usage

import ArabicMessages from 'ra-language-arabic';

const messages = {
    'ar': ArabicMessages,
};

const i18nProvider = locale => messages[locale];

<Admin locale="ar" i18nProvider={i18nProvider}>
  ...
</Admin>

RTL

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>

License

This translation is licensed under the BSD Licence, and sponsored by Vahid Kheradmand.