add view original button

Expensify · Feb 7, 2025 · a1cf9fc · a1cf9fc
1 parent b118d11
commit a1cf9fc
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 3 deletions.
diff --git a/src/languages/de.ts b/src/languages/de.ts
@@ -1775,6 +1775,7 @@ const translations = {
         },
         translateMessage: 'Nachrichten übersetzen',
         viewOriginal: 'Original anzeigen',
+        showTranslation: 'Übersetzung anzeigen',
     },
     themePage: {
         theme: 'Thema',

diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -1743,6 +1743,7 @@ const translations = {
         },
         translateMessage: 'Translate messages',
         viewOriginal: 'View original',
+        showTranslation: 'Show translation',
     },
     themePage: {
         theme: 'Theme',

diff --git a/src/languages/es.ts b/src/languages/es.ts
@@ -1746,6 +1746,7 @@ const translations = {
         },
         translateMessage: 'Traducir mensajes',
         viewOriginal: 'Ver original',
+        showTranslation: 'Mostrar traducción',
     },
     themePage: {
         theme: 'Tema',

diff --git a/src/languages/fr.ts b/src/languages/fr.ts
@@ -1772,6 +1772,7 @@ const translations = {
         },
         translateMessage: 'Traduire les messages',
         viewOriginal: "Voir l'original",
+        showTranslation: 'Afficher la traduction',
     },
     themePage: {
         theme: 'Th\u00E8me',

diff --git a/src/languages/ro.ts b/src/languages/ro.ts
@@ -1800,6 +1800,7 @@ const translations = {
         },
         translateMessage: 'Tradu mesajele',
         viewOriginal: 'Vezi originalul',
+        showTranslation: 'Afișează traducerea',
     },
     themePage: {
         theme: 'Tem\u0103',

diff --git a/src/pages/home/report/ReportActionItemSingle.tsx b/src/pages/home/report/ReportActionItemSingle.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo} from 'react';
+import React, {useCallback, useMemo, useState} from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
@@ -101,6 +101,7 @@ function ReportActionItemSingle({
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
+    const [showOriginal, setShowOriginal] = useState(false);
     const {translate} = useLocalize();
     const personalDetails = usePersonalDetails();
     const policy = usePolicy(report?.policyID);
@@ -281,6 +282,7 @@ function ReportActionItemSingle({
     const statusText = status?.text ?? '';
     const statusTooltipText = formattedDate ? `${statusText ? `${statusText} ` : ''}(${formattedDate})` : statusText;
 
+    console.log('over here', action?.shouldShowTranslation)
     return (
         <View style={[styles.chatItem, wrapperStyle]}>
             <PressableWithoutFeedback
@@ -333,11 +335,13 @@ function ReportActionItemSingle({
                         {action?.message?.[0]?.translatedText && (
                             <PressableWithoutFeedback
                                 style={[styles.ml1]}
-                                onPress={() => console.log('pressed')}
+                                onPress={() => setShowOriginal(!showOriginal)}
                                 accessibilityLabel={actorHint}
                                 role={CONST.ROLE.BUTTON}
                             >
-                                <Text style={[styles.chatItemMessageHeaderTimestamp, styles.link]}>{translate('languagePage.viewOriginal')}</Text>
+                                <Text style={[styles.chatItemMessageHeaderTimestamp, styles.link]}>
+                                    {translate(showOriginal ? 'languagePage.showTranslation' : 'languagePage.viewOriginal')}
+                                </Text>
                             </PressableWithoutFeedback>
                         )}
                     </View>

diff --git a/src/types/onyx/ReportAction.ts b/src/types/onyx/ReportAction.ts
@@ -277,6 +277,8 @@ type ReportActionBase = OnyxCommon.OnyxValueWithOfflineFeedback<{
      * Note: This is sent by the backend but we don't use it locally
      */
     timestamp?: number;
+
+    shouldShowTranslation?: boolean;
 }>;
 
 /**
-Original file line number
+Diff line change
@@ Expand Up @@
          * Note: This is sent by the backend but we don't use it locally
          */
         timestamp?: number;
+        shouldShowTranslation?: boolean;
     }>;
     /**
@@ Expand Down @@