feat: add warning message for inclusion fees.

logion-network/logion-internal#1284
logion-network · Jun 7, 2024 · 7b01d64 · 7b01d64
1 parent c5b521c
commit 7b01d64
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,6 +30,9 @@ exports[`EstimatedFees renders fees with certificate 1`] = ` @@
                 }
               />
             </td>
+            <td>
+              (can be impacted by network load)
+            </td>
           </tr>
           <tr>
             <td>
@@ Expand Down Expand Up / @@ -109,6 +112,9 @@ exports[`EstimatedFees renders fees with legal 1`] = ` @@
                 }
               />
             </td>
+            <td>
+              (can be impacted by network load)
+            </td>
           </tr>
           <tr>
             <td>
@@ Expand Down Expand Up / @@ -188,6 +194,9 @@ exports[`EstimatedFees renders fees with storage 1`] = ` @@
                 }
               />
             </td>
+            <td>
+              (can be impacted by network load)
+            </td>
           </tr>
           <tr>
             <td>
@@ Expand Down Expand Up @@
             <td>
               paid by the Legal Officer
             </td>
+            <td>
+              (can be impacted by network load)
+            </td>
           </tr>
           <tr>
             <td>
@@ Expand Down Expand Up / @@ -353,6 +365,9 @@ exports[`EstimatedFees renders fees without storage 1`] = ` @@
                 }
               />
             </td>
+            <td>
+              (can be impacted by network load)
+            </td>
           </tr>
           <tr>
             <td>
@@ Expand Down @@