From 216c0b2c59b6e1d263c16a4780f6ea5819f5dc9e Mon Sep 17 00:00:00 2001
From: Anil_Kumar_Majji <106086523+Anil-kumar-Majji@users.noreply.github.com>
Date: Fri, 7 Jun 2024 15:41:28 +0530
Subject: [PATCH] Mosip 32947 RTL issues (#428)

* Mosip-32947: Resolved the RTL issues in the respective pages

Signed-off-by: Anil_Kumar_Majji <106086523+Anil-kumar-Majji@users.noreply.github.com>

* MOSIP-32947: Resolved RTL issues for info toolpic

Signed-off-by: Anil_Kumar_Majji <106086523+Anil-kumar-Majji@users.noreply.github.com>

---------

Signed-off-by: Anil_Kumar_Majji <106086523+Anil-kumar-Majji@users.noreply.github.com>
---
 pmp-reactjs-ui/src/nav/HeaderNav.js                         | 6 +++---
 .../src/pages/authenticationServices/CreateOidcClient.js    | 4 ++--
 pmp-reactjs-ui/src/pages/policies/Policies.js               | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pmp-reactjs-ui/src/nav/HeaderNav.js b/pmp-reactjs-ui/src/nav/HeaderNav.js
index af0265de9..fd57cc1d6 100644
--- a/pmp-reactjs-ui/src/nav/HeaderNav.js
+++ b/pmp-reactjs-ui/src/nav/HeaderNav.js
@@ -84,11 +84,11 @@ function HeaderNav({ open, setOpen }) {
                     </svg>
                     {isDropdownOpen && (
                         <div className=" absolute top-14 right-7 z-10 w-40 h-33 origin-top-right rounded-md bg-white py-1 shadow-md ring-1 ring-gray-50 focus:outline-none">
-                            <button className="block px-4 py-2 text-sm text-gray-900 text-left">{t('header.partnerProfile')}</button>
+                            <button className={`block px-4 py-2 text-sm text-gray-900 ${isLoginLanguageRTL ? "text-right" : "text-left"}`}>{t('header.partnerProfile')}</button>
                             <div className="border-gray-100 border-t mx-2"></div>
-                            <button className="block px-4 py-2 text-sm text-gray-900 text-left">{t('header.changePassword')}</button>
+                            <button className={`block px-4 py-2 text-sm text-gray-900 ${isLoginLanguageRTL ? "text-right" : "text-left"}`}>{t('header.changePassword')}</button>
                             <div className="border-t border-gray-100 mx-2"></div>
-                            <button className="block px-4 py-2 text-sm text-red-700 text-left" onClick={logout}>{t('header.logout')}</button>
+                            <button className={`block px-4 py-2 text-sm text-red-700 ${isLoginLanguageRTL ? "text-right" : "text-left"}`} onClick={logout}>{t('header.logout')}</button>
                         </div>
                     )}
                 </div>
diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js b/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js
index 274e017b7..e9e8cd210 100644
--- a/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js
+++ b/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js
@@ -87,8 +87,8 @@ function CreateOidcClient() {
     <div className={`mt-5 w-[100%] ${isLoginLanguageRTL ? "mr-32 ml-5" : "ml-32 mr-5"} overflow-x-scroll font-inter`}>
       <div className="flex-col">
         <div className="flex justify-between">
-          <div className="flex items-start space-x-3">
-            <img src={backArrow} alt="" onClick={() => moveToAuthenticationServices()} className="mt-[5%] cursor-pointer" />
+          <div className="flex items-start gap-x-3">
+            <img src={backArrow} alt="" onClick={() => moveToAuthenticationServices()} className={`mt-[5%] cursor-pointer ${isLoginLanguageRTL ? "rotate-180" : null}`} />
             <div className="flex-col">
               <h1 className="font-semibold text-xl text-dark-blue">{t('createOidcClient.createOidcClient')}</h1>
               <div className="flex space-x-1">
diff --git a/pmp-reactjs-ui/src/pages/policies/Policies.js b/pmp-reactjs-ui/src/pages/policies/Policies.js
index 5b7999dfc..5d7dbd1eb 100644
--- a/pmp-reactjs-ui/src/pages/policies/Policies.js
+++ b/pmp-reactjs-ui/src/pages/policies/Policies.js
@@ -381,7 +381,7 @@ function Policies() {
                                   </td>
                                   <td className="text-center">
                                     <div>
-                                      <p onClick={() => setViewPolicyId(index)} className="mr-9 font-semibold mb-0.5 cursor-pointer">...</p>
+                                      <p onClick={() => setViewPolicyId(index)} className={`${isLoginLanguageRTL ?"ml-9":"mr-9"} font-semibold mb-0.5 cursor-pointer`}>...</p>
                                       {
                                         viewPolicyId === index && (
                                           <div onClick={() => showViewPolicyDetails(partner)}