diff --git a/frontend/src/component/admin/maintenance/MaintenanceToggle.tsx b/frontend/src/component/admin/maintenance/MaintenanceToggle.tsx index c5726d88d1..85884eb493 100644 --- 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 index 7d5832e3c6..da2fd5c3da 100644 --- 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);