11import React , { useState } from 'react' ;
22import styles from './styles.module.css' ;
3- import Translate from '@docusaurus/Translate' ;
3+ import Translate , { translate } from '@docusaurus/Translate' ;
44
55export default function NewsletterForm ( ) {
66 const [ email , setEmail ] = useState ( '' ) ;
@@ -38,7 +38,12 @@ export default function NewsletterForm() {
3838
3939 if ( uuids . length === 0 ) {
4040 setStatus ( 'error' ) ;
41- setMessage ( 'Please select at least one list.' ) ;
41+ setMessage (
42+ translate ( {
43+ id : 'newsletter.error.noList' ,
44+ message : 'Please select at least one list.' ,
45+ } )
46+ ) ;
4247 return ;
4348 }
4449
@@ -61,15 +66,31 @@ export default function NewsletterForm() {
6166 if ( response . ok ) {
6267 setStatus ( 'success' ) ;
6368 setEmail ( '' ) ;
64- setMessage ( 'Thanks for subscribing! Please check your email to confirm.' ) ;
69+ setMessage (
70+ translate ( {
71+ id : 'newsletter.success.message' ,
72+ message : 'Thanks for subscribing! Please check your email to confirm.' ,
73+ } )
74+ ) ;
6575 } else {
6676 const data = await response . json ( ) ;
6777 setStatus ( 'error' ) ;
68- setMessage ( data . message || 'Something went wrong. Please try again.' ) ;
78+ setMessage (
79+ data . message ||
80+ translate ( {
81+ id : 'newsletter.error.generic' ,
82+ message : 'Something went wrong. Please try again.' ,
83+ } )
84+ ) ;
6985 }
7086 } catch ( err ) {
7187 setStatus ( 'error' ) ;
72- setMessage ( 'Failed to connect to the subscription service. Please check your connection or CORS settings.' ) ;
88+ setMessage (
89+ translate ( {
90+ id : 'newsletter.error.network' ,
91+ message : 'Failed to connect to the subscription service. Please check your connection or CORS settings.' ,
92+ } )
93+ ) ;
7394 }
7495 } ;
7596
@@ -88,7 +109,10 @@ export default function NewsletterForm() {
88109 < div className = { styles . inputGroup } >
89110 < input
90111 type = "email"
91- placeholder = "your@email.com"
112+ placeholder = { translate ( {
113+ id : 'newsletter.placeholder' ,
114+ message : 'your@email.com' ,
115+ } ) }
92116 value = { email }
93117 onChange = { ( e ) => setEmail ( e . target . value ) }
94118 required
0 commit comments