fix(web): lightmode colours

ethpandaops · Mar 7, 2024 · 67575a4 · 67575a4
1 parent 1e8d29b
commit 67575a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web/src/parts/BYOFooter.tsx b/web/src/parts/BYOFooter.tsx
@@ -207,7 +207,7 @@ function BYOFooter() {
                 Upload beacon API{' '}
                 <a
                   href="https://ethereum.github.io/beacon-APIs/?urls.primaryName=dev#/Debug/getDebugForkChoice"
-                  className="font-bold text-white"
+                  className="font-bold text-stone-800 dark:text-stone-50"
                   onClick={(e) => e.stopPropagation()}
                   target="_blank"
                   rel="noreferrer"

diff --git a/web/src/parts/Stage.tsx b/web/src/parts/Stage.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react';
+import { useEffect } from 'react';
 
 import { ProcessedData } from '@app/types/graph';
 import useFocus from '@contexts/focus';
@@ -14,6 +14,9 @@ export default function Stage() {
   useEffect(() => {
     if (byo) stop();
   }, [byo, stop]);
+  useEffect(() => {
+    if (byoData) stop();
+  }, [byoData]);
 
   const isLoading = !byo && results.every((result) => result.isLoading);
   let data: { frames: ProcessedData[]; loadedIds: string[] } = {