feat: add posthog events for ticket activation, consume and refund

AtB-AS · Feb 20, 2025 · 3e5b1f3 · 3e5b1f3
1 parent 89fa682
commit 3e5b1f3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/modules/fare-contracts/components/ActivateNowBottomSheet.tsx b/src/modules/fare-contracts/components/ActivateNowBottomSheet.tsx
@@ -1,3 +1,4 @@
+import {useAnalyticsContext} from '@atb/analytics';
 import {getAxiosErrorMetadata} from '@atb/api/utils';
 import {Confirm} from '@atb/assets/svg/mono-icons/actions';
 import {
@@ -26,11 +27,13 @@ export const ActivateNowBottomSheet = ({fareContractId}: Props) => {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<boolean>(false);
   const {close} = useBottomSheetContext();
+  const analytics = useAnalyticsContext();
 
   const onActivate = async () => {
     setIsLoading(true);
     try {
       await activateFareContractNow(fareContractId);
+      analytics.logEvent('Ticketing', 'Ticket activated');
       close();
     } catch (e: any) {
       const errorData = getAxiosErrorMetadata(e);

diff --git a/src/modules/fare-contracts/components/ConsumeCarnetBottomSheet.tsx b/src/modules/fare-contracts/components/ConsumeCarnetBottomSheet.tsx
@@ -1,3 +1,4 @@
+import {useAnalyticsContext} from '@atb/analytics';
 import {getAxiosErrorMetadata} from '@atb/api/utils';
 import {Confirm} from '@atb/assets/svg/mono-icons/actions';
 import {
@@ -26,11 +27,13 @@ export const ConsumeCarnetBottomSheet = ({fareContractId}: Props) => {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<boolean>(false);
   const {close} = useBottomSheetContext();
+  const analytics = useAnalyticsContext();
 
   const onConsume = async () => {
     setIsLoading(true);
     try {
       await consumeCarnet(fareContractId);
+      analytics.logEvent('Ticketing', 'Carnet consumed');
       close();
     } catch (e: any) {
       const errorData = getAxiosErrorMetadata(e);

diff --git a/src/modules/fare-contracts/components/RefundBottomSheet.tsx b/src/modules/fare-contracts/components/RefundBottomSheet.tsx
@@ -1,3 +1,4 @@
+import {useAnalyticsContext} from '@atb/analytics';
 import {getAxiosErrorMetadata} from '@atb/api/utils';
 import {Confirm} from '@atb/assets/svg/mono-icons/actions';
 import {
@@ -26,11 +27,13 @@ export const RefundBottomSheet = ({fareContractId}: Props) => {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<boolean>(false);
   const {close} = useBottomSheetContext();
+  const analytics = useAnalyticsContext();
 
   const onRefund = async () => {
     setIsLoading(true);
     try {
       await refundFareContract(fareContractId);
+      analytics.logEvent('Ticketing', 'Ticket refunded');
       close();
     } catch (e: any) {
       const errorData = getAxiosErrorMetadata(e);