diff --git a/package.json b/package.json index 7df835a..e944459 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "@radix-ui/react-separator": "^1.1.7", "@radix-ui/react-slot": "^1.2.4", "@tanstack/react-query": "^5.90.6", + "@vercel/analytics": "^2.0.1", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "^1.1.1", diff --git a/src/app/DisplayEntities.tsx b/src/app/DisplayEntities.tsx index 768e524..5a54aad 100644 --- a/src/app/DisplayEntities.tsx +++ b/src/app/DisplayEntities.tsx @@ -1,5 +1,6 @@ "use client"; +import { track } from "@vercel/analytics"; import Link from "next/link"; import { useState } from "react"; import { EntityBadge } from "@/components/Badges"; @@ -89,7 +90,14 @@ function EntityItem(props: { entity: { id: string; name: string; subtype: string }; }) { return ( - + + track("global search", { on: "result", action: "clicked" }) + } + size="sm" + className="w-full px-2 py-1" + asChild + > {props.entity.name} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 295669f..6a2fe52 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,5 +1,6 @@ import type { Metadata } from "next"; import "./globals.css"; +import { Analytics } from "@vercel/analytics/next"; import Script from "next/script"; import LoadingIndicator from "@/components/LoadingIndicator"; import { barlow } from "@/lib/fonts"; @@ -30,9 +31,10 @@ export default function RootLayout({