From aa57a55e008487446124dff5e24957de12348d53 Mon Sep 17 00:00:00 2001
From: NedcloarBR <nedcloar1@hotmail.com>
Date: Tue, 14 Jan 2025 13:55:42 -0300
Subject: [PATCH] feat: add tracking analytics in projects

---
 src/components/projects/small-card.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/projects/small-card.tsx b/src/components/projects/small-card.tsx
index a527e0b..8062669 100644
--- a/src/components/projects/small-card.tsx
+++ b/src/components/projects/small-card.tsx
@@ -14,6 +14,7 @@ import { Project } from "@/@types";
 import { ProjectsFullCard } from "./full-card";
 import { useState } from "react";
 import { useTranslations } from "next-intl";
+import { track } from "@vercel/analytics";
 
 interface ProjectsSmallCardProps {
   info: Project
@@ -24,9 +25,18 @@ export function ProjectsSmallCard({ info }: Readonly<ProjectsSmallCardProps>) {
   const openState = useState(false);
   const t = useTranslations("Projects");
 
+  function handleClick() {
+    track("Projects", {
+      action: "click",
+      category: "Projects",
+      label: info.name,
+    });
+    openState[1](true);
+  }
+
   return (
     <>
-      <Card className="w-[230px] card-hover cursor-pointer" onClick={() => openState[1](true)}>
+      <Card className="w-[230px] card-hover cursor-pointer" onClick={handleClick}>
         <CardHeader>
           <img src={`images/${info.name}/Logo.png`} alt={`${info.name} Logo`} className="w-[210px] h-[90px] rounded-sm" />
           <Separator />