From c61e286fce22e2878f823946bacf610f5a14c2a7 Mon Sep 17 00:00:00 2001
From: Norton Andreev <norton@nortonandreev.com>
Date: Mon, 14 Oct 2024 16:56:44 +0200
Subject: [PATCH] explorer: Fix Gas Used meter if Gas Limit is zero

Resolves #2668
---
 explorer/CHANGELOG.md                                     | 2 ++
 .../src/lib/components/block-details/BlockDetails.svelte  | 8 +++++---
 explorer/src/lib/components/blocks-list/BlocksList.svelte | 8 +++++---
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/explorer/CHANGELOG.md b/explorer/CHANGELOG.md
index 1ab650c8da..7183372f4d 100644
--- a/explorer/CHANGELOG.md
+++ b/explorer/CHANGELOG.md
@@ -27,6 +27,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Fix Transactions Fee is not properly computed [#2348]
 - Fix shield icons used for tx type [#2389]
+- Fix Gas Used meter if Gas Limit is zero [#2668]
 
 ## [0.2.0] - 2024-08-26
 
@@ -79,6 +80,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [#2389]: https://github.com/dusk-network/rusk/issues/2389
 [#2527]: https://github.com/dusk-network/rusk/issues/2527
 [#2166]: https://github.com/dusk-network/rusk/issues/2166
+[#2668]: https://github.com/dusk-network/rusk/issues/2668
 
 <!-- VERSIONS -->
 
diff --git a/explorer/src/lib/components/block-details/BlockDetails.svelte b/explorer/src/lib/components/block-details/BlockDetails.svelte
index f9490ba6eb..005475b928 100644
--- a/explorer/src/lib/components/block-details/BlockDetails.svelte
+++ b/explorer/src/lib/components/block-details/BlockDetails.svelte
@@ -156,9 +156,11 @@
         {formatter(data.transactions.stats.gasUsed)}
 
         <ProgressBar
-          currentPercentage={(data.transactions.stats.gasUsed /
-            data.transactions.stats.gasLimit) *
-            100}
+          currentPercentage={data.transactions.stats.gasLimit === 0
+            ? 0
+            : (data.transactions.stats.gasUsed /
+                data.transactions.stats.gasLimit) *
+              100}
           className="block-details__gas-used"
           ariaLabel="Gas Used"
         />
diff --git a/explorer/src/lib/components/blocks-list/BlocksList.svelte b/explorer/src/lib/components/blocks-list/BlocksList.svelte
index 9cd3b0d64f..e09f9d1a67 100644
--- a/explorer/src/lib/components/blocks-list/BlocksList.svelte
+++ b/explorer/src/lib/components/blocks-list/BlocksList.svelte
@@ -72,9 +72,11 @@
     <svelte:fragment slot="term">gas used</svelte:fragment>
     <svelte:fragment slot="definition">
       <ProgressBar
-        currentPercentage={(data.transactions.stats.gasUsed /
-          data.transactions.stats.gasLimit) *
-          100}
+        currentPercentage={data.transactions.stats.gasLimit === 0
+          ? 0
+          : (data.transactions.stats.gasUsed /
+              data.transactions.stats.gasLimit) *
+            100}
         className="blocks-list__gas-used"
         ariaLabel="Gas Used"
       />