diff --git a/src/components/ParserOpenRPC/AuthBox/index.tsx b/src/components/ParserOpenRPC/AuthBox/index.tsx
index ec5ff55307..d43a4f44d1 100644
--- a/src/components/ParserOpenRPC/AuthBox/index.tsx
+++ b/src/components/ParserOpenRPC/AuthBox/index.tsx
@@ -1,25 +1,29 @@
-import React from "react";
+import React, { useContext } from "react";
import styles from "./styles.module.css";
import global from "../global.module.css";
import clsx from "clsx";
import { trackClickForSegment } from "@site/src/lib/segmentAnalytics";
+import { MetamaskProviderContext } from "@site/src/theme/Root";
interface AuthBoxProps {
handleConnect: () => void;
}
-export const AuthBox = ({ handleConnect }: AuthBoxProps) => {
+export const AuthBox = () => {
+ const { metaMaskConnectHandler } = useContext(MetamaskProviderContext);
const connectHandler = () => {
trackClickForSegment({
eventName: "Connect wallet",
clickType: "Connect wallet",
userExperience: "B",
});
- handleConnect();
- }
+ metaMaskConnectHandler();
+ };
return (
-
Connect your MetaMask wallet to run requests successfully.
+
+ Connect your MetaMask wallet to run requests successfully.
+
- {!metaMaskAccount &&
}
+ {pathname === REF_PATH &&
}
+ {pathname !== REF_PATH && !metaMaskAccount &&
}