From 3ef9de12189eff460f59938d19eab070ccb71970 Mon Sep 17 00:00:00 2001
From: Theo Browne <me@t3.gg>
Date: Wed, 29 Jan 2025 02:30:50 -0800
Subject: [PATCH] file upload tracking

---
 src/app/f/[folderId]/drive-contents.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/f/[folderId]/drive-contents.tsx b/src/app/f/[folderId]/drive-contents.tsx
index 4f892d2..e5fa8f7 100644
--- a/src/app/f/[folderId]/drive-contents.tsx
+++ b/src/app/f/[folderId]/drive-contents.tsx
@@ -7,6 +7,7 @@ import Link from "next/link";
 import { SignInButton, SignedIn, SignedOut, UserButton } from "@clerk/nextjs";
 import { UploadButton } from "~/components/uploadthing";
 import { useRouter } from "next/navigation";
+import { usePostHog } from "posthog-js/react";
 
 export default function DriveContents(props: {
   files: (typeof files_table.$inferSelect)[];
@@ -17,6 +18,8 @@ export default function DriveContents(props: {
 }) {
   const navigate = useRouter();
 
+  const posthog = usePostHog();
+
   return (
     <div className="min-h-screen bg-gray-900 p-8 text-gray-100">
       <div className="mx-auto max-w-6xl">
@@ -65,6 +68,13 @@ export default function DriveContents(props: {
         </div>
         <UploadButton
           endpoint="driveUploader"
+          onBeforeUploadBegin={(files) => {
+            posthog.capture("files_uploading", {
+              fileCount: files.length,
+            });
+
+            return files;
+          }}
           onClientUploadComplete={() => {
             navigate.refresh();
           }}