Adds tracking to maintenance feature (#2723)

Adds tracking with plausible to maintenance feature
Unleash · Dec 21, 2022 · e533b44 · e533b44
1 parent 5b66346
commit e533b44
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/component/admin/maintenance/MaintenanceToggle.tsx b/frontend/src/component/admin/maintenance/MaintenanceToggle.tsx
@@ -10,6 +10,7 @@ import {
 } from '@mui/material';
 import { useMaintenance } from 'hooks/api/getters/useMaintenance/useMaintenance';
 import { useMaintenanceApi } from 'hooks/api/actions/useMaintenanceApi/useMaintenanceApi';
+import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
 
 const StyledCard = styled(Card)(({ theme }) => ({
     display: 'flex',
@@ -38,7 +39,13 @@ const SwitchLabel = styled(Typography)(({ theme }) => ({
 export const MaintenanceToggle = () => {
     const { enabled, refetchMaintenance } = useMaintenance();
     const { toggleMaintenance } = useMaintenanceApi();
+    const { trackEvent } = usePlausibleTracker();
     const updateEnabled = async () => {
+        trackEvent('maintenance', {
+            props: {
+                eventType: `maintenance ${enabled ? 'de' : ''}activated`,
+            },
+        });
         await toggleMaintenance({ enabled: !enabled });
         refetchMaintenance();
     };

diff --git a/frontend/src/hooks/usePlausibleTracker.ts b/frontend/src/hooks/usePlausibleTracker.ts
@@ -12,7 +12,8 @@ type CustomEvents =
     | 'invite'
     | 'upgrade_plan_clicked'
     | 'change_request'
-    | 'favorite';
+    | 'favorite'
+    | 'maintenance';
 
 export const usePlausibleTracker = () => {
     const plausible = useContext(PlausibleContext);