chore: track project navigation

Unleash · Oct 10, 2024 · 43a350a · 43a350a
1 parent 9dc1618
commit 43a350a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/frontend/src/component/personalDashboard/ConnectSDK.tsx b/frontend/src/component/personalDashboard/ConnectSDK.tsx
@@ -45,6 +45,7 @@ const ActionBox = styled('div')(({ theme }) => ({
 }));
 
 export const CreateFlag: FC<{ project: string }> = ({ project }) => {
+    const { trackEvent } = usePlausibleTracker();
     return (
         <ActionBox data-loading>
             <TitleContainer>
@@ -56,7 +57,17 @@ export const CreateFlag: FC<{ project: string }> = ({ project }) => {
                 <p>Create one to get started.</p>
             </div>
             <div>
-                <Button href={`projects/${project}`} variant='contained'>
+                <Button
+                    href={`/projects/${project}`}
+                    onClick={() => {
+                        trackEvent('personal-dashboard', {
+                            props: {
+                                eventType: `Go to project from onboarding`,
+                            },
+                        });
+                    }}
+                    variant='contained'
+                >
                     Go to project
                 </Button>
             </div>

diff --git a/frontend/src/component/personalDashboard/MyProjects.tsx b/frontend/src/component/personalDashboard/MyProjects.tsx
@@ -30,6 +30,7 @@ import {
     SpacedGridItem,
 } from './Grid';
 import { ContactAdmins, DataError } from './ProjectDetailsError';
+import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
 
 const ActiveProjectDetails: FC<{
     project: PersonalDashboardSchemaProjectsItem;
@@ -70,6 +71,7 @@ const ProjectListItem: FC<{
     onClick: () => void;
 }> = ({ project, selected, onClick }) => {
     const activeProjectRef = useRef<HTMLLIElement>(null);
+    const { trackEvent } = usePlausibleTracker();
 
     useEffect(() => {
         if (activeProjectRef.current) {
@@ -99,6 +101,13 @@ const ProjectListItem: FC<{
                         href={`projects/${project.id}`}
                         size='small'
                         sx={{ ml: 'auto' }}
+                        onClick={() => {
+                            trackEvent('personal-dashboard', {
+                                props: {
+                                    eventType: `Go to project from list`,
+                                },
+                            });
+                        }}
                     >
                         <LinkIcon titleAccess={`projects/${project.id}`} />
                     </IconButton>

diff --git a/frontend/src/component/personalDashboard/PersonalDashboard.tsx b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
@@ -91,7 +91,7 @@ const FlagListItem: FC<{
                         onClick={() => {
                             trackEvent('personal-dashboard', {
                                 props: {
-                                    eventType: `Go to flag`,
+                                    eventType: `Go to flag from list`,
                                 },
                             });
                         }}