Undo hash coloring

src/components/HexValue.tsx

@@ -4,26 +4,8 @@ type HexValueProps = {
   value: string;
 };
 
-const HexValue: React.FC<HexValueProps> = ({ value }) => {
+const HexValue: React.FC<HexValueProps> = ({ value }) => (
-  const shards: string[] = [value.slice(0, 10)];
+  <span className="font-hash text-black">{value}</span>
-  for (let i = 10; i < value.length; i += 8) {
-    shards.push(value.slice(i, i + 8));
-  }
-
-  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;