new google analytics event on search address

src/components/Graph/Graph.tsx

@@ -49,6 +49,9 @@ import TransactionTooltip, {
 } from "./TransactionTooltip";
 import { Transition } from "@headlessui/react";
 
+import { default as firebase } from "../../firebase/firebase"
+import { logEvent } from "firebase/analytics";
+
 /* Pan on drag settings */
 const panOnDrag = [1, 2];
 
@@ -394,6 +397,14 @@ const GraphProvided: FC<GraphProvidedProps> = ({ initialNodes }) => {
 const Graph: FC = () => {
   const [searchedAddress, setSearchedAddress] = useState<string | null>(null);
 
+  const onSetSearchedAddress = (newAddress: string) => {
+    setSearchedAddress(newAddress);
+
+    logEvent(firebase.analytics, "search_address", {
+      address: newAddress,
+    });
+  }
+
   return (
     <div className="overflow-hidden">
       <Transition
@@ -404,7 +415,7 @@ const Graph: FC = () => {
         leaveTo="opacity-0 scale-50"
         className="fixed flex h-full w-full flex-col items-center justify-center"
       >
-        <LandingPage setSearchedAddress={setSearchedAddress} />
+        <LandingPage setSearchedAddress={onSetSearchedAddress} />
       </Transition>
       <Transition
         show={searchedAddress !== null}

src/firebase/firebase.ts

@@ -1,6 +1,6 @@
 // Import the functions you need from the SDKs you need
-import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
+import { Analytics, getAnalytics } from "firebase/analytics";
+import { FirebaseApp, initializeApp } from "firebase/app";
 
 const {
   VITE_FIREBASE_API_KEY: apiKey,
@@ -23,7 +23,10 @@ const firebaseConfig = {
 };
 
 // Initialize Firebase
-const app = initializeApp(firebaseConfig);
-const analytics = getAnalytics(app);
+const app: FirebaseApp = initializeApp(firebaseConfig);
+const analytics: Analytics = getAnalytics(app);
 
-export default { app, analytics };
+export default {
+  app,
+  analytics,
+};