Paar fehler

src/components/marketing/InstantGenerator.tsx

@@ -8,6 +8,8 @@ import { Input } from '@/components/ui/Input';
 import { Button } from '@/components/ui/Button';
 import { Badge } from '@/components/ui/Badge';
 import { calculateContrast } from '@/lib/utils';
+import { trackEvent } from '@/components/PostHogProvider';
+import { useEffect } from 'react';
 
 interface InstantGeneratorProps {
   t: any; // i18n translation function
@@ -20,6 +22,18 @@ export const InstantGenerator: React.FC<InstantGeneratorProps> = ({ t }) => {
   const [cornerStyle, setCornerStyle] = useState('square');
   const [size, setSize] = useState(200);
 
+  useEffect(() => {
+    if (url) {
+      trackEvent('instant_qr_generated', {
+        url_length: url.length,
+        foreground: foregroundColor,
+        background: backgroundColor,
+        corner_style: cornerStyle,
+        size: size
+      });
+    }
+  }, [url, foregroundColor, backgroundColor, cornerStyle, size]);
+
   const contrast = calculateContrast(foregroundColor, backgroundColor);
   const hasGoodContrast = contrast >= 4.5;
 
@@ -38,6 +52,7 @@ export const InstantGenerator: React.FC<InstantGeneratorProps> = ({ t }) => {
       a.click();
       document.body.removeChild(a);
       URL.revokeObjectURL(downloadUrl);
+      trackEvent('instant_qr_downloaded', { format: 'svg' });
     } else {
       // Convert SVG to PNG using Canvas
       const canvas = document.createElement('canvas');
@@ -65,6 +80,7 @@ export const InstantGenerator: React.FC<InstantGeneratorProps> = ({ t }) => {
             a.click();
             document.body.removeChild(a);
             URL.revokeObjectURL(downloadUrl);
+            trackEvent('instant_qr_downloaded', { format: 'png' });
           }
         });
         URL.revokeObjectURL(url);