From 48dc786927694fc5fe99db245a7cab8766eea791 Mon Sep 17 00:00:00 2001
From: Ali Kazemkhanloo <alikazemkhanloo@gmail.com>
Date: Mon, 9 Mar 2020 19:53:32 +0330
Subject: [PATCH] change chevronDirection in RTL

---
 packages/ra-ui-materialui/src/list/PaginationActions.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/ra-ui-materialui/src/list/PaginationActions.js b/packages/ra-ui-materialui/src/list/PaginationActions.js
index 633f6c44763..a1dab07dd4a 100644
--- a/packages/ra-ui-materialui/src/list/PaginationActions.js
+++ b/packages/ra-ui-materialui/src/list/PaginationActions.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '@material-ui/core/Button';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
 import ChevronLeft from '@material-ui/icons/ChevronLeft';
 import ChevronRight from '@material-ui/icons/ChevronRight';
 import { useTranslate } from 'ra-core';
@@ -22,6 +22,7 @@ function PaginationActions(props) {
     const { page, rowsPerPage, count, onChangePage, color, size } = props;
     const classes = useStyles(props);
     const translate = useTranslate();
+    const theme = useTheme();
     /**
      * Warning: material-ui's page is 0-based
      */
@@ -126,7 +127,7 @@ function PaginationActions(props) {
                     onClick={prevPage}
                     className="previous-page"
                 >
-                    <ChevronLeft />
+                    {theme.direction === "rtl" ? <ChevronRight /> : <ChevronLeft />}
                     {translate('ra.navigation.prev')}
                 </Button>
             )}
@@ -140,7 +141,7 @@ function PaginationActions(props) {
                     className="next-page"
                 >
                     {translate('ra.navigation.next')}
-                    <ChevronRight />
+                    {theme.direction === "rtl" ? <ChevronLeft /> : <ChevronRight />}
                 </Button>
             )}
         </div>
@@ -163,6 +164,7 @@ PaginationActions.propTypes = {
     rowsPerPage: PropTypes.number.isRequired,
     color: PropTypes.oneOf(['primary', 'secondary']),
     size: PropTypes.oneOf(['small', 'medium', 'large']),
+    theme: PropTypes.object.isRequired,
 };
 
 PaginationActions.defaultProps = {