import React, { useState } from 'react' import Modal from '../components/core/Modal' import { useTranslations } from '../hooks/useTranslation' const SupportModal = ({ isOpen, onClose }) => { const { t } = useTranslations() const [mailTo] = useState('support@wppool.dev') const [copyEmailSuccess, setCopyEmailSuccess] = useState(false) // Generate links for mailing const supportLink = { Gmail: `https://mail.google.com/mail/?view=cm&fs=1&to=${mailTo}&su=${t( 'support_email_subject' )}&body=${t('support_email_body')}`, Outlook: `https://outlook.office.com/owa/?path=/mail/action/compose&to=${mailTo}&subject=${t( 'support_email_subject' )}&body=${t('support_email_body')}`, Yahoo: `https://compose.mail.yahoo.com/?to=${mailTo}&subject=${t( 'support_email_subject' )}&body=${t('support_email_body')}`, Mailto: `mailto:${mailTo}?subject=${t('support_email_subject')}&body=${t( 'support_email_body' )}` } // Copy Email const copyEmail = async () => { try { await navigator.clipboard.writeText('support@wppool.dev') setCopyEmailSuccess(true) setTimeout(() => { setCopyEmailSuccess(false) }, 1000) } catch (err) { console.error('Failed to copy email:', err) } } return ( {{ header: (

{t('support_modal_subtitle')}

), body: ( <>

{/* Gmail Button */}

{t('gmail')}

{t('open_gmail_browser')}

{/* Outlook Button */}

{t('outlook')}

{t('open_outlook_browser')}

{/* Yahoo Button */}

{t('yahoo')}

{t('open_yahoo_browser')}

{/* Default Email App Button */}

{t('default_email_app')}

{t('open_default_email_app')}

{/* Copy Email Button */}

{mailTo}

{t('copy_email_desc')}

{t('powered_by')} WPPOOL

) }} ) } export default SupportModal