From 44eec1d2e78793a2866ad5d7a21d57e6270187cf Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Fri, 26 Nov 2021 05:22:08 -0300
Subject: [PATCH] Undo hash coloring

---
 src/components/HexValue.tsx | 26 ++++----------------------
 1 file changed, 4 insertions(+), 22 deletions(-)

diff --git a/src/components/HexValue.tsx b/src/components/HexValue.tsx
index b07b473..88d6e0b 100644
--- a/src/components/HexValue.tsx
+++ b/src/components/HexValue.tsx
@@ -4,26 +4,8 @@ type HexValueProps = {
   value: string;
 };
 
-const HexValue: React.FC<HexValueProps> = ({ value }) => {
-  const shards: string[] = [value.slice(0, 10)];
-  for (let i = 10; i < value.length; i += 8) {
-    shards.push(value.slice(i, i + 8));
-  }
+const HexValue: React.FC<HexValueProps> = ({ value }) => (
+  <span className="font-hash text-black">{value}</span>
+);
 
-  return (
-    <>
-      {shards.map((s, i) => (
-        <span
-          key={i}
-          className={`font-hash ${
-            i % 2 === 0 ? "text-black" : "text-gray-400"
-          }`}
-        >
-          {s}
-        </span>
-      ))}
-    </>
-  );
-};
-
-export default React.memo(HexValue);
+export default HexValue;