From e012165696805c87ef5fa3c3f32a75ba5bac9b36 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 27 Dec 2021 15:51:31 -0300
Subject: [PATCH] Improve readability of nonce

---
 src/components/Nonce.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Nonce.tsx b/src/components/Nonce.tsx
index f03eaad..2a59258 100644
--- a/src/components/Nonce.tsx
+++ b/src/components/Nonce.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { commify } from "@ethersproject/units";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowUp } from "@fortawesome/free-solid-svg-icons/faArrowUp";
 
@@ -14,7 +15,7 @@ const Nonce: React.FC<NonceProps> = ({ value }) => (
     <span className="text-green-400">
       <FontAwesomeIcon icon={faArrowUp} size="1x" />
     </span>
-    <span className="text-green-600">{value}</span>
+    <span className="text-green-600">{commify(value)}</span>
   </span>
 );