import React, { useState, useEffect } from 'react'; import { __ } from '@wordpress/i18n'; import { X } from 'lucide-react'; const NOTICE_DISMISSED_KEY = 'thumbpress_easycommerce_notice_dismissed'; const UTM_LINK = 'https://easycommerce.dev/?utm_source=thumbpress&utm_medium=plugin_dashboard&utm_campaign=thumbpress_promo'; /** * PromotionalNotice * * Promotional notice bar shown only on the ThumbPress free version dashboard. * Once dismissed, it is never shown again (stored in localStorage). * * Visibility is controlled by `window.THUMBPRESS.pro_active` */ export default function PromotionalNotice() { const isProActive = window.THUMBPRESS?.pro_active; const [visible, setVisible] = useState(false); useEffect(() => { if (isProActive) return; const dismissed = localStorage.getItem(NOTICE_DISMISSED_KEY); if (!dismissed) setVisible(true); }, [isProActive]); const dismiss = () => { localStorage.setItem(NOTICE_DISMISSED_KEY, '1'); setVisible(false); }; if (!visible) return null; return ( ); }