review updates

apps/node-status/src/components/header.tsx

@@ -1,10 +1,10 @@
 import { Link } from 'react-router-dom';
 import { LineWave } from 'react-loader-spinner';
 import { cn } from '@penumbra-zone/ui/lib/utils.ts';
-import { useDeceleratedFetchState } from '../fetching/refetch-hook.ts';
+import { useDelayedIsLoading } from '../fetching/refetch-hook.ts';
 
 export const Header = () => {
-  const isLoading = useDeceleratedFetchState();
+  const isLoading = useDelayedIsLoading();
 
   return (
     <header className='z-10 flex w-full flex-col items-center justify-between px-6 md:h-[82px] md:flex-row md:gap-12 md:px-12'>

apps/node-status/src/components/node-info.tsx

@@ -1,5 +1,5 @@
 import { useLoaderData } from 'react-router-dom';
-import { uint8ArrayToBase64 } from '@penumbra-zone/types';
+import { uint8ArrayToString } from '@penumbra-zone/types';
 import { Card, Identicon } from '@penumbra-zone/ui';
 import { IndexLoaderResponse } from '../fetching/loader.ts';
 
@@ -43,7 +43,7 @@ export const NodeInfo = () => {
       </div>
       <div className='flex flex-col'>
         <strong>Channels</strong>
-        <span className='ml-2'>{uint8ArrayToBase64(nodeInfo.channels)}</span>
+        <span className='ml-2'>{uint8ArrayToString(nodeInfo.channels)}</span>
       </div>
       <div className='flex flex-col'>
         <strong>Moniker</strong>

apps/node-status/src/fetching/refetch-hook.ts

@@ -15,7 +15,7 @@ export const useRefetchStatusOnInterval = () => {
 const VISIBILITY_STATE_CHANGE_DELAY = 800;
 
 // Meant to slow down the state transition from loading to idle so the UI can show a discernible spinner
-export const useDeceleratedFetchState = () => {
+export const useDelayedIsLoading = () => {
   const { state } = useRevalidator();
 
   const [isVisible, setIsVisible] = useState(false);