Feature Usage Tracking

import { track } from "@databuddy/sdk";
import { useCallback } from "react";

export function useFeatureTracking(featureName: string) {
const trackUsage = useCallback(
  (action: string, properties?: Record<string, unknown>) => {
    track("feature_used", {
      feature: featureName,
      action,
      ...properties,
    });
  },
  [featureName]
);

return { trackUsage };
}

function ExportButton() {
const { trackUsage } = useFeatureTracking("export_data");

const handleExport = async () => {
  trackUsage("export_started", { format: "csv" });
  try {
    await exportData();
    trackUsage("export_completed", { format: "csv" });
  } catch (error) {
    trackUsage("export_failed", { format: "csv", error: error.message });
  }
};

return <button onClick={handleExport}>Export</button>;
}