feat: add analytic events (#397)

* feat: add analytic events * add goto-certsho-overview event
maaaathis · Oct 30, 2024 · 0501562 · 0501562 · vercel · Oct 30, 2024
1 parent 894f87b
commit 0501562
Show file tree

Hide file tree

Showing 10 changed files with 36 additions and 8 deletions.
diff --git a/app/lookup/[domain]/(overview)/_components/IpOverviewItem.tsx b/app/lookup/[domain]/(overview)/_components/IpOverviewItem.tsx
@@ -28,7 +28,11 @@ const IpOverviewItem: FC<IpOverviewItemProps> = ({
     <>
       <TooltipProvider>
         <Tooltip>
-          <TooltipTrigger asChild onClick={open}>
+          <TooltipTrigger
+            asChild
+            onClick={open}
+            data-umami-event="modal-ipoverview"
+          >
             <div className="flex cursor-pointer select-none flex-row gap-2 rounded-lg p-2 px-2.5 pr-3 hover:bg-accent">
               <Dot className="my-auto inline-block h-7 w-7 shrink-0" />
               <div className="flex flex-col">

diff --git a/app/lookup/[domain]/(overview)/_components/TechnologiesWidget.tsx b/app/lookup/[domain]/(overview)/_components/TechnologiesWidget.tsx
@@ -62,7 +62,7 @@ const TechnologiesWidget: React.FC<Props> = async ({
             return (
               <TooltipProvider key={technology.index}>
                 <Tooltip>
-                  <TooltipTrigger asChild>
+                  <TooltipTrigger asChild data-umami-event="modal-technologies">
                     <Link
                       href={
                         filterWhatRunsDirectUrl(technology.website) ??

diff --git a/app/lookup/[domain]/_components/ShareButton.tsx b/app/lookup/[domain]/_components/ShareButton.tsx
@@ -29,6 +29,7 @@ export const ShareButton: FC = () => {
       variant="secondary"
       className="flex h-6 shrink-0 flex-row gap-2 rounded-lg p-2 text-xs"
       onClick={handleShareCall}
+      data-umami-event="share"
     >
       {isCopied ? (
         <>

diff --git a/app/lookup/[domain]/certs/page.tsx b/app/lookup/[domain]/certs/page.tsx
@@ -164,7 +164,10 @@ const CertsResultsPage: FC<CertsResultsPageProps> = async ({
               <TableCell className="pr-0">
                 <TooltipProvider>
                   <Tooltip>
-                    <TooltipTrigger asChild>
+                    <TooltipTrigger
+                      asChild
+                      data-umami-event="goto-certsh-details"
+                    >
                       <Link
                         href={`https://crt.sh/?id=${cert.id}`}
                         target="_blank"
@@ -192,6 +195,7 @@ const CertsResultsPage: FC<CertsResultsPageProps> = async ({
           }
           target="_blank"
           rel="noreferrer noopener"
+          data-umami-event="goto-certsh-overview"
           className="cursor-pointer select-none decoration-slate-700 decoration-dotted underline-offset-4 hover:underline dark:decoration-slate-300"
         >
           Sectigo&apos;s crt.sh

diff --git a/app/lookup/[domain]/dns/_components/DnsHistoryButton.tsx b/app/lookup/[domain]/dns/_components/DnsHistoryButton.tsx
@@ -20,7 +20,11 @@ export const DnsHistoryButton: FC<Props> = (props) => {
       rel="noopener nofollow"
       className="my-auto"
     >
-      <Button variant="outline" className="rounded-lg text-sm font-medium">
+      <Button
+        variant="outline"
+        className="rounded-lg text-sm font-medium"
+        data-umami-event="goto-dnshistory"
+      >
         DNS History
         <ExternalLink className="ml-2 h-3 w-3" />
       </Button>

diff --git a/app/lookup/[domain]/dns/_components/FlushCloudflareDnsCacheButton.tsx b/app/lookup/[domain]/dns/_components/FlushCloudflareDnsCacheButton.tsx
@@ -14,7 +14,11 @@ export const FlushCloudflareDnsCacheButton: FC = () => {
       rel="noopener"
       className="my-auto"
     >
-      <Button variant="outline" className="rounded-lg text-sm font-medium">
+      <Button
+        variant="outline"
+        className="rounded-lg text-sm font-medium"
+        data-umami-event="goto-flush-cloudflare"
+      >
         Flush Cloudflare DNS Cache
         <ExternalLink className="ml-2 h-3 w-3" />
       </Button>

diff --git a/app/lookup/[domain]/dns/_components/FlushGoogleDnsCacheButton.tsx b/app/lookup/[domain]/dns/_components/FlushGoogleDnsCacheButton.tsx
@@ -14,7 +14,11 @@ export const FlushGoogleDnsCacheButton: FC = () => {
       rel="noopener"
       className="my-auto"
     >
-      <Button variant="outline" className="rounded-lg text-sm font-medium">
+      <Button
+        variant="outline"
+        className="rounded-lg text-sm font-medium"
+        data-umami-event="goto-flush-googledns"
+      >
         Flush Google DNS Cache
         <ExternalLink className="ml-2 h-3 w-3" />
       </Button>

diff --git a/app/lookup/[domain]/dns/_components/IpLink.tsx b/app/lookup/[domain]/dns/_components/IpLink.tsx
@@ -24,7 +24,11 @@ const IpLink: FC<IpLinkProps> = ({ value }): ReactElement => {
     <>
       <TooltipProvider>
         <Tooltip>
-          <TooltipTrigger asChild onClick={open}>
+          <TooltipTrigger
+            asChild
+            onClick={open}
+            data-umami-event="modal-iplink"
+          >
             <a className="cursor-pointer select-none underline decoration-dotted underline-offset-4 hover:decoration-dashed">
               <span className="select-none">{value}</span>
               <InfoIcon

diff --git a/components/CopyButton.tsx b/components/CopyButton.tsx
@@ -31,7 +31,7 @@ const CopyButton: FC<CopyButton> = ({ value }): ReactElement => {
   return (
     <TooltipProvider>
       <Tooltip>
-        <TooltipTrigger asChild>
+        <TooltipTrigger asChild data-umami-event="copied-value">
           <ClipboardIcon
             role="button"
             className="mx-1 inline-block h-4 w-4 -translate-y-0.5 cursor-pointer"

diff --git a/components/ThemeToggle.tsx b/components/ThemeToggle.tsx
@@ -29,6 +29,7 @@ export default function ThemeToggle() {
         size="icon"
         className="w-full rounded-2xl"
         onClick={() => setTheme('dark')}
+        data-umami-event="theme-select-dark"
       >
         <Moon className="h-5 w-5" />
       </Button>
@@ -37,6 +38,7 @@ export default function ThemeToggle() {
         size="icon"
         className="w-full rounded-2xl"
         onClick={() => setTheme('light')}
+        data-umami-event="theme-select-light"
       >
         <Sun className="h-5 w-5" />
       </Button>
@@ -45,6 +47,7 @@ export default function ThemeToggle() {
         size="icon"
         className="w-full rounded-2xl"
         onClick={() => setTheme('system')}
+        data-umami-event="theme-select-auto"
       >
         <Monitor className="h-5 w-5" />
       </Button>