Popup free generatoren

src/app/(main)/(marketing)/tools/whatsapp-qr-code/WhatsAppGenerator.tsx

@@ -15,6 +15,7 @@ import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import { cn } from '@/lib/utils';
 import { Textarea } from '@/components/ui/Textarea';
+import PostDownloadPopup, { shouldShowDownloadPopup } from '@/components/marketing/PostDownloadPopup';
 
 
 
@@ -49,6 +50,7 @@ export default function WhatsappGenerator() {
     const [message, setMessage] = useState('');
     const [qrColor, setQrColor] = useState('#25D366');
     const [frameType, setFrameType] = useState('none');
+    const [showPopup, setShowPopup] = useState(false);
 
     const qrRef = useRef<HTMLDivElement>(null);
 
@@ -83,6 +85,7 @@ export default function WhatsappGenerator() {
         } catch (err) {
             console.error('Download failed', err);
         }
+        if (shouldShowDownloadPopup()) setShowPopup(true);
     };
 
     const getFrameLabel = () => {
@@ -91,6 +94,8 @@ export default function WhatsappGenerator() {
     };
 
     return (
+        <>
+        <PostDownloadPopup open={showPopup} onClose={() => setShowPopup(false)} />
         <div className="w-full max-w-5xl mx-auto px-4 md:px-6">
 
             {/* Main Generator Card */}
@@ -263,5 +268,6 @@ export default function WhatsappGenerator() {
                 </Link>
             </div>
         </div>
+        </>
     );
 }