added va track

Author: steven-tey

components/create-post-button.tsx

@@ -5,6 +5,7 @@ import { createPost } from "@/lib/actions";
 import clsx from "clsx";
 import { useParams, useRouter } from "next/navigation";
 import LoadingDots from "@/components/icons/loading-dots";
+import va from "@vercel/analytics";
 
 export default function CreatePostButton() {
   const router = useRouter();
@@ -16,6 +17,7 @@ export default function CreatePostButton() {
       onClick={() =>
         startTransition(async () => {
           const post = await createPost(null, id, null);
+          va.track("Created Post");
           router.refresh();
           router.push(`/post/${post.id}`);
         })

components/form/delete-post-form.tsx

@@ -6,6 +6,7 @@ import { useParams, useRouter } from "next/navigation";
 import { experimental_useFormStatus as useFormStatus } from "react-dom";
 import { toast } from "sonner";
 import { deletePost } from "@/lib/actions";
+import va from "@vercel/analytics";
 
 export default function DeletePostForm({ postName }: { postName: string }) {
   const { id } = useParams() as { id: string };
@@ -16,6 +17,7 @@ export default function DeletePostForm({ postName }: { postName: string }) {
         window.confirm("Are you sure you want to delete your post?") &&
         deletePost(data, id, "delete")
           .then((res) => {
+            va.track("Deleted Post");
             router.push(`/site/${res.siteId}`);
             toast.success(`Successfully deleted post!`);
           })

components/form/delete-site-form.tsx

@@ -6,6 +6,7 @@ import { useParams, useRouter } from "next/navigation";
 import { experimental_useFormStatus as useFormStatus } from "react-dom";
 import { toast } from "sonner";
 import { deleteSite } from "@/lib/actions";
+import va from "@vercel/analytics";
 
 export default function DeleteSiteForm({ siteName }: { siteName: string }) {
   const { id } = useParams() as { id: string };
@@ -16,6 +17,7 @@ export default function DeleteSiteForm({ siteName }: { siteName: string }) {
         window.confirm("Are you sure you want to delete your site?") &&
         deleteSite(data, id, "delete")
           .then(async () => {
+            va.track("Deleted Site");
             router.push("/sites");
             toast.success(`Successfully deleted site!`);
           })

components/form/index.tsx

@@ -9,6 +9,7 @@ import { toast } from "sonner";
 import DomainStatus from "./domain-status";
 import DomainConfiguration from "./domain-configuration";
 import Uploader from "./uploader";
+import va from "@vercel/analytics";
 
 export default function Form({
   title,
@@ -46,13 +47,14 @@ export default function Form({
         }
         handleSubmit(data, id, inputAttrs.name)
           .then(async () => {
-            toast.success(`Successfully updated ${inputAttrs.name}!`);
+            va.track(`Updated ${inputAttrs.name}`, id ? { id } : {});
             if (id) {
               router.refresh();
             } else {
               await update();
               router.refresh();
             }
+            toast.success(`Successfully updated ${inputAttrs.name}!`);
           })
           .catch((err: Error) => toast.error(err.message));
       }}

components/modal/create-site.tsx

@@ -7,6 +7,7 @@ import { experimental_useFormStatus as useFormStatus } from "react-dom";
 import clsx from "clsx";
 import LoadingDots from "@/components/icons/loading-dots";
 import { useModal } from "./provider";
+import va from "@vercel/analytics";
 
 export default function CreateSiteModal() {
   const router = useRouter();
@@ -16,11 +17,12 @@ export default function CreateSiteModal() {
       action={async (data: FormData) =>
         createSite(data)
           .then((site) => {
-            toast.success(`Successfully created site!`);
+            va.track("Created Site");
             const { id } = site;
             router.refresh();
             router.push(`/site/${id}`);
             modal?.hide();
+            toast.success(`Successfully created site!`);
           })
           .catch((err: Error) => toast.error(err.message))
       }