From fcadbfd9f94846634e835d9f37dee89d168f4c21 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 17 Jun 2021 14:15:08 +0200
Subject: [PATCH] make sure non zero are highlighted

---
 .../src/lib/vm-debugger/dropdown-panel.tsx            | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
index 4ba9b16c12..0ce016fda4 100644
--- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx
@@ -34,10 +34,19 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
     return ret
   }
   const formatSelfDefault = (key: string | number, data: ExtractData) => {
+    let value
+    if (typeof(data.self) === 'string') {
+        let regex = /^(0+)(.*)/g
+        let split = regex.exec(data.self.replace('0x', ''))
+        if (split && split[1] && split[2]) {
+          split[1] = data.self.indexOf('0x') === 0 ? '0x' + split[1] : split[1]
+          value = (<span><span className="m-0 label_value">{split[1]}</span><span className="m-0 label_value font-weight-bold text-dark">{split[2]}</span></span>)
+        }
+    } else value = data.self
     return (
       <div className="d-flex mr-1 flex-row label_item">
         <label className="small font-weight-bold mb-0 pr-1 label_key">{key}:</label>
-        <label className="m-0 label_value">{data.self}</label>
+        <label className="m-0 label_value">{value}</label>
       </div>
     )
   }