feat(reference): act-1521 - added tracking connect wallet event (#1537)

src/components/ParserOpenRPC/AuthBox/index.tsx

@@ -2,19 +2,28 @@ import React 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";
 
 interface AuthBoxProps {
   handleConnect: () => void;
 }
 
 export const AuthBox = ({ handleConnect }: AuthBoxProps) => {
+  const connectHandler = () => {
+    trackClickForSegment({
+      eventName: "Connect wallet",
+      clickType: "Connect wallet",
+      userExperience: "B",
+    });
+    handleConnect();
+  }
   return (
     <div className={styles.msgWrapper}>
       <div className={styles.msgText}>Connect your MetaMask wallet to send requests to your Infura API keys.</div>
       <div>
         <button
           className={clsx(global.primaryBtn, styles.msgButton)}
-          onClick={() => handleConnect()}
+          onClick={connectHandler}
           data-test-id="connect-wallet"
         >
           Connect Wallet