fix: Chat-In offline, uploading attachment & deleting it, is not show…

…ing strike-through. Signed-off-by: Krishna Gupta <[email protected]>
Expensify · Feb 25, 2024 · 1c6d407 · 1c6d407
1 parent e9fb49d
commit 1c6d407
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/pages/home/report/ReportActionItemFragment.tsx b/src/pages/home/report/ReportActionItemFragment.tsx
@@ -105,6 +105,7 @@ function ReportActionItemFragment({
                         source={source}
                         html={fragment.html ?? ''}
                         addExtraMargin={!displayAsGroup}
+                        styleAsDeleted={!!(isOffline && isPendingDelete)}
                     />
                 );
             }

diff --git a/src/pages/home/report/comment/AttachmentCommentFragment.tsx b/src/pages/home/report/comment/AttachmentCommentFragment.tsx
@@ -1,22 +1,27 @@
 import React from 'react';
 import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
+import CONST from '@src/CONST';
 import type {OriginalMessageSource} from '@src/types/onyx/OriginalMessage';
 import RenderCommentHTML from './RenderCommentHTML';
 
 type AttachmentCommentFragmentProps = {
     source: OriginalMessageSource;
     html: string;
     addExtraMargin: boolean;
+    styleAsDeleted: boolean;
 };
 
-function AttachmentCommentFragment({addExtraMargin, html, source}: AttachmentCommentFragmentProps) {
+function AttachmentCommentFragment({addExtraMargin, html, source, styleAsDeleted}: AttachmentCommentFragmentProps) {
     const styles = useThemeStyles();
+    const isUploading = html === CONST.ATTACHMENT_UPLOADING_MESSAGE_HTML;
+    const htmlContent = styleAsDeleted && isUploading ? `<del>${html}</del>` : html;
+
     return (
         <View style={addExtraMargin ? styles.mt2 : {}}>
             <RenderCommentHTML
                 source={source}
-                html={html}
+                html={htmlContent}
             />
         </View>
     );