From 1768b66ce5dc162b73b16a7a8019bb5e7e5e43f4 Mon Sep 17 00:00:00 2001
From: MrigankTarento <mrigank.shringi@tarento.com>
Date: Wed, 13 Dec 2023 11:28:16 +0530
Subject: [PATCH] right to left text align for urdu, kashimiri and sindhi

---
 .../src/ui/containers/web/DocumentEditor/SentenceCard.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/anuvaad-fe/anuvaad-webapp/src/ui/containers/web/DocumentEditor/SentenceCard.jsx b/anuvaad-fe/anuvaad-webapp/src/ui/containers/web/DocumentEditor/SentenceCard.jsx
index 42e684f47..0df0405f6 100755
--- a/anuvaad-fe/anuvaad-webapp/src/ui/containers/web/DocumentEditor/SentenceCard.jsx
+++ b/anuvaad-fe/anuvaad-webapp/src/ui/containers/web/DocumentEditor/SentenceCard.jsx
@@ -543,6 +543,7 @@ class SentenceCard extends React.Component {
           <Typography
             variant="subtitle1"
             gutterBottom
+            style={{textAlign: shouldTypeRTL(this.props?.model?.source_language_code) ? "right" : "left" }}
             onMouseUp={(event) => {
               if (enableEditingSentence) {
                 this.getSelectionText(event);
@@ -559,6 +560,7 @@ class SentenceCard extends React.Component {
         <Typography
           variant="subtitle1"
           gutterBottom
+          style={{textAlign: shouldTypeRTL(this.props?.model?.source_language_code) ? "right" : "left" }}
           onMouseUp={(event) => {
             if (enableEditingSentence) {
               this.getSelectionText(event);
@@ -585,7 +587,7 @@ class SentenceCard extends React.Component {
       );
       return (
         <div>
-          <Typography variant="subtitle1" gutterBottom>
+          <Typography variant="subtitle1" gutterBottom style={{textAlign: shouldTypeRTL(this.props?.model?.target_language_code) ? "right" : "left" }}>
             {modified_tgt}
           </Typography>
         </div>
@@ -594,7 +596,7 @@ class SentenceCard extends React.Component {
     return (
       <div>
         <Divider />
-        <Typography variant="subtitle1" gutterBottom>
+        <Typography variant="subtitle1" gutterBottom style={{textAlign: shouldTypeRTL(this.props?.model?.target_language_code) ? "right" : "left" }}>
           {this.props.sentence.s0_tgt}
           <br />
         </Typography>
@@ -606,7 +608,7 @@ class SentenceCard extends React.Component {
     return (
       <div>
         <Divider />
-        <Typography variant="subtitle1" gutterBottom>
+        <Typography variant="subtitle1" gutterBottom style={{textAlign: shouldTypeRTL(this.props?.model?.target_language_code) ? "right" : "left" }}>
           {this.props.sentence.tgt}
           <br />
         </Typography>