From 52ab628f9cb29f1376453d7b29b022f925423b49 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 11 Jul 2026 00:18:57 +0200
Subject: [PATCH] Fix batch migration arrow rtl icon

---
 .../MigrationEntryStatusIndicator.tsx                | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/features/migration/components/migration-entry/MigrationEntryStatusIndicator.tsx b/src/features/migration/components/migration-entry/MigrationEntryStatusIndicator.tsx
index ef619b6d..6c967938 100644
--- a/src/features/migration/components/migration-entry/MigrationEntryStatusIndicator.tsx
+++ b/src/features/migration/components/migration-entry/MigrationEntryStatusIndicator.tsx
@@ -11,11 +11,13 @@ import { MigrationEntryStatus } from '@/features/migration/Migration.types.ts';
 import { LoadingPlaceholder } from '@/base/components/feedback/LoadingPlaceholder.tsx';
 import Box from '@mui/material/Box';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import type { ReactNode } from 'react';
-import type { Theme } from '@mui/material/styles';
+import { type Theme } from '@mui/material/styles';
 import type { SystemCssProperties } from '@mui/system/styleFunctionSx';
 import PriorityHighIcon from '@mui/icons-material/PriorityHigh';
 import CheckIcon from '@mui/icons-material/Check';
+import { useGetOptionForDirection } from '@/features/theme/services/ThemeCreator.ts';
 
 const StatusIndicatorWrapper = ({
     backgroundColor,
@@ -48,6 +50,9 @@ export const MigrationEntryStatusIndicator = ({
     hasResults: boolean;
 }) => {
     const isTabletWidth = MediaQuery.useIsTabletWidth();
+    const getOptionForDirection = useGetOptionForDirection();
+
+    const ArrowIcon = getOptionForDirection(ArrowForwardIcon, ArrowBackIcon);
 
     if ([MigrationEntryStatus.SEARCHING, MigrationEntryStatus.MIGRATING].includes(status)) {
         return <LoadingPlaceholder size={isTabletWidth ? 22 : 32} />;
@@ -97,10 +102,7 @@ export const MigrationEntryStatusIndicator = ({
             <StatusIndicatorWrapper
                 backgroundColor="primary.dark"
                 statusIcon={
-                    <ArrowForwardIcon
-                        fontSize={isTabletWidth ? undefined : 'large'}
-                        sx={{ color: 'primary.contrastText' }}
-                    />
+                    <ArrowIcon fontSize={isTabletWidth ? undefined : 'large'} sx={{ color: 'primary.contrastText' }} />
                 }
             />
         );