feat: [IOCOM-658] Remove the F24 section on cancelled SEND message (#…

…5191) ## Short description This PR removes the F24 section on cancelled SEND messages ## List of changes proposed in this pull request - used `isCancelled` to render the F24 section ## How to test Using `io-dev-api-server` generate a cancelled SEND message with multiple F24. Check that the F24 section is not rendered Co-authored-by: Andrea <[email protected]>
pagopa · Nov 3, 2023 · d664ad1 · d664ad1
1 parent e58b66e
commit d664ad1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ts/features/pn/components/MessageDetails.tsx b/ts/features/pn/components/MessageDetails.tsx
@@ -94,6 +94,7 @@ export const MessageDetails = ({
 
   const maxVisiblePaymentCount = maxVisiblePaymentCountGenerator();
   const scrollViewRef = React.createRef<ScrollView>();
+
   return (
     <>
       <ScrollView
@@ -147,12 +148,12 @@ export const MessageDetails = ({
           presentPaymentsBottomSheetRef={presentPaymentsBottomSheetRef}
         />
 
-        {RA.isNonEmpty(f24List) && (
+        {!isCancelled && RA.isNonEmpty(f24List) ? (
           <>
             <MessageF24 attachments={f24List} openPreview={openAttachment} />
             <VSpacer size={24} />
           </>
-        )}
+        ) : null}
 
         <PnMessageDetailsSection
           title={I18n.t("features.pn.details.infoSection.title")}