From 1249877a8cbf75c1c3a650c18376e58a56557355 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 12 Jun 2025 20:41:56 -0500
Subject: [PATCH] feat: log bytes

---
 .../src/pages/internal/differ/_index.tsx          | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/website-ue/src/pages/internal/differ/_index.tsx b/packages/website-ue/src/pages/internal/differ/_index.tsx
index a015d7ce8..3cb947d04 100644
--- a/packages/website-ue/src/pages/internal/differ/_index.tsx
+++ b/packages/website-ue/src/pages/internal/differ/_index.tsx
@@ -1,7 +1,11 @@
 import type { MessageFns } from '@protos/blitz_static_profile_avatar_component';
 import type { Any } from '@protos/google/protobuf/any';
 import * as protos from '@protos/index';
-import { ArrowBottomRightIcon, CommitIcon } from '@radix-ui/react-icons';
+import {
+  ArrowBottomRightIcon,
+  CommitIcon,
+  DiscIcon,
+} from '@radix-ui/react-icons';
 import {
   Badge,
   Box,
@@ -60,6 +64,7 @@ export function Page({ servers }: { servers: DiscoveryServer[] }) {
             try {
               const diff = await diffServers(serverA!.addr, serverB!.addr);
               setDiff(diff);
+              setIsError(false);
             } catch (error) {
               console.error(error);
               setIsError(true);
@@ -239,6 +244,14 @@ function ComponentDisplay({
         <Badge color="gray" variant="outline">
           {value.value.length.toLocaleString()}B
         </Badge>
+
+        <IconButton
+          size="1"
+          variant="ghost"
+          onClick={() => console.log(value.value)}
+        >
+          <DiscIcon />
+        </IconButton>
       </Flex>
 
       {code !== null && (