From 7b01d64b578d38f61307bb48a69d558bfa75dd81 Mon Sep 17 00:00:00 2001
From: Benoit Devos <benoit@logion.network>
Date: Fri, 7 Jun 2024 16:13:32 +0200
Subject: [PATCH] feat: add warning message for inclusion fees.

logion-network/logion-internal#1284
---
 src/common/TransactionStatusCell.tsx              |  2 +-
 src/loc/fees/EstimatedFees.tsx                    |  2 ++
 .../__snapshots__/EstimatedFees.test.tsx.snap     | 15 +++++++++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/common/TransactionStatusCell.tsx b/src/common/TransactionStatusCell.tsx
index b49de99e..f63c1ad3 100644
--- a/src/common/TransactionStatusCell.tsx
+++ b/src/common/TransactionStatusCell.tsx
@@ -27,7 +27,7 @@ export function TransactionStatusCellDetails(props: StatusCellProps) {
                     <Detail label="Description" value="This transaction has been executed." />
                 </Col>
                 <Col style={{width: "50%"}}>
-                    <Detail label="Fees (LGNT)" value={ <EstimatedFees fees={ toFeesClass(props.transaction.fees) } hideTitle={ true } /> } />
+                    <Detail label="Fees (LGNT)" value={ <EstimatedFees fees={ toFeesClass(props.transaction.fees) } hideTitle={ true } hideNetworkLoadWarning={ true }/> } />
                 </Col>
             </>
         );
diff --git a/src/loc/fees/EstimatedFees.tsx b/src/loc/fees/EstimatedFees.tsx
index ba3d09ff..c52dfa05 100644
--- a/src/loc/fees/EstimatedFees.tsx
+++ b/src/loc/fees/EstimatedFees.tsx
@@ -12,6 +12,7 @@ export interface Props {
     centered?: boolean;
     inclusionFeePaidBy?: string;
     otherFeesPaidBy?: string;
+    hideNetworkLoadWarning?: boolean;
 }
 
 export default function EstimatedFees(props: Props) {
@@ -39,6 +40,7 @@ export default function EstimatedFees(props: Props) {
                             />
                         </td>
                         { showPaidBy && <td>{ props.inclusionFeePaidBy || "" }</td> }
+                        { props.hideNetworkLoadWarning !== true && <td>(can be impacted by network load)</td> }
                     </tr>
                     { fees?.storageFee !== undefined &&
                         <tr>
diff --git a/src/loc/fees/__snapshots__/EstimatedFees.test.tsx.snap b/src/loc/fees/__snapshots__/EstimatedFees.test.tsx.snap
index 8ce7d3ee..a94b2e67 100644
--- a/src/loc/fees/__snapshots__/EstimatedFees.test.tsx.snap
+++ b/src/loc/fees/__snapshots__/EstimatedFees.test.tsx.snap
@@ -30,6 +30,9 @@ exports[`EstimatedFees renders fees with certificate 1`] = `
             }
           />
         </td>
+        <td>
+          (can be impacted by network load)
+        </td>
       </tr>
       <tr>
         <td>
@@ -109,6 +112,9 @@ exports[`EstimatedFees renders fees with legal 1`] = `
             }
           />
         </td>
+        <td>
+          (can be impacted by network load)
+        </td>
       </tr>
       <tr>
         <td>
@@ -188,6 +194,9 @@ exports[`EstimatedFees renders fees with storage 1`] = `
             }
           />
         </td>
+        <td>
+          (can be impacted by network load)
+        </td>
       </tr>
       <tr>
         <td>
@@ -270,6 +279,9 @@ exports[`EstimatedFees renders fees with storage and paid by 1`] = `
         <td>
           paid by the Legal Officer
         </td>
+        <td>
+          (can be impacted by network load)
+        </td>
       </tr>
       <tr>
         <td>
@@ -353,6 +365,9 @@ exports[`EstimatedFees renders fees without storage 1`] = `
             }
           />
         </td>
+        <td>
+          (can be impacted by network load)
+        </td>
       </tr>
       <tr>
         <td>