{
+ hoveredRef.current = true;
+ }}
+ onMouseLeave={() => {
+ hoveredRef.current = false;
+ }}
+ className={className}
+ >
+ {children}
+
+ );
+}
diff --git a/packages/explorer/src/components/Navigation.tsx b/packages/explorer/src/components/Navigation.tsx
index 1429946851..5b883ae503 100644
--- a/packages/explorer/src/components/Navigation.tsx
+++ b/packages/explorer/src/components/Navigation.tsx
@@ -8,7 +8,7 @@ import { Separator } from "../components/ui/Separator";
import { useWorldUrl } from "../hooks/useWorldUrl";
import { cn } from "../lib/utils";
import { useAbiQuery } from "../queries/useAbiQuery";
-import { AccountSelect } from "./AccountSelect";
+import { ConnectButton } from "./ConnectButton";
export function Navigation() {
const pathname = usePathname();
@@ -20,12 +20,12 @@ export function Navigation() {
- Data explorer
+ Explore
Interact
+
+
+ Observe
+
{isFetched && !data?.isWorldDeployed && (
@@ -46,7 +55,7 @@ export function Navigation() {
diff --git a/packages/explorer/src/components/ui/Button.tsx b/packages/explorer/src/components/ui/Button.tsx
index 151aab1e65..e79f4a694e 100644
--- a/packages/explorer/src/components/ui/Button.tsx
+++ b/packages/explorer/src/components/ui/Button.tsx
@@ -39,9 +39,9 @@ export type ButtonProps = React.ButtonHTMLAttributes