Skip to content

Commit 732949d

Browse files
davila7davila7
committed
fix email success
1 parent df29131 commit 732949d

File tree

2 files changed

+26
-54
lines changed

2 files changed

+26
-54
lines changed

‎docs/blog/index.html‎

Lines changed: 12 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ <h2>How to use Claude Code with Supabase</h2>
124124
✗ Error. Try again.
125125
</div>
126126

127-
<form id="newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form">
127+
<form id="newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form" target="hidden_iframe">
128128
<div class="newsletter-header">
129129
<span class="newsletter-prompt">Get updates via email</span>
130130
</div>
@@ -137,6 +137,7 @@ <h2>How to use Claude Code with Supabase</h2>
137137
<input type="text" name="email_address_check" value="" style="display: none;">
138138
<input type="hidden" name="locale" value="en">
139139
</form>
140+
<iframe name="hidden_iframe" style="display: none;"></iframe>
140141
</div>
141142
</div>
142143
</section>
@@ -193,36 +194,22 @@ <h2>How to use Claude Code with Supabase</h2>
193194
const submitButton = form.querySelector('.newsletter-submit');
194195
const submitText = submitButton.querySelector('.submit-text');
195196

196-
form.addEventListener('submit', async (e) => {
197-
e.preventDefault();
198-
199-
// Hide messages
200-
successMessage.classList.remove('show');
201-
errorMessage.classList.remove('show');
202-
197+
form.addEventListener('submit', (e) => {
203198
// Set loading state
204199
submitButton.disabled = true;
205200
submitText.textContent = '...';
206201

207-
try {
208-
const formData = new FormData(form);
209-
const response = await fetch(form.action, {
210-
method: 'POST',
211-
body: formData
212-
});
213-
214-
if (response.ok) {
215-
successMessage.classList.add('show');
216-
form.reset();
217-
} else {
218-
errorMessage.classList.add('show');
219-
}
220-
} catch (error) {
221-
errorMessage.classList.add('show');
222-
} finally {
202+
// Hide messages initially
203+
successMessage.style.display = 'none';
204+
errorMessage.style.display = 'none';
205+
206+
// Show success message after form submits to iframe
207+
setTimeout(() => {
208+
successMessage.style.display = 'block';
223209
submitButton.disabled = false;
224210
submitText.textContent = '→';
225-
}
211+
form.reset();
212+
}, 1500);
226213
});
227214
});
228215
</script>

‎docs/blog/supabase-claude-code-integration/index.html‎

Lines changed: 14 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,7 @@ <h3>Stay Updated</h3>
236236
✗ Error. Try again.
237237
</div>
238238

239-
<form id="middle-newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form">
239+
<form id="middle-newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form" target="middle_hidden_iframe">
240240
<div class="input-group">
241241
<input type="email" name="EMAIL" placeholder="your@email.com" required class="newsletter-input">
242242
<button type="submit" class="newsletter-submit">
@@ -246,6 +246,7 @@ <h3>Stay Updated</h3>
246246
<input type="text" name="email_address_check" value="" style="display: none;">
247247
<input type="hidden" name="locale" value="en">
248248
</form>
249+
<iframe name="middle_hidden_iframe" style="display: none;"></iframe>
249250
</div>
250251
</div>
251252

@@ -341,7 +342,7 @@ <h3>Want More?</h3>
341342
✗ Error. Try again.
342343
</div>
343344

344-
<form id="end-newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form">
345+
<form id="end-newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form" target="end_hidden_iframe">
345346
<div class="input-group">
346347
<input type="email" name="EMAIL" placeholder="your@email.com" required class="newsletter-input">
347348
<button type="submit" class="newsletter-submit">
@@ -351,6 +352,7 @@ <h3>Want More?</h3>
351352
<input type="text" name="email_address_check" value="" style="display: none;">
352353
<input type="hidden" name="locale" value="en">
353354
</form>
355+
<iframe name="end_hidden_iframe" style="display: none;"></iframe>
354356
</div>
355357
</div>
356358

@@ -591,39 +593,22 @@ <h3>Want More?</h3>
591593
const submitButton = form.querySelector('.newsletter-submit');
592594
const submitText = submitButton.querySelector('.submit-text');
593595

594-
form.addEventListener('submit', async (e) => {
595-
e.preventDefault();
596-
597-
// Hide messages
598-
successMessage.classList.remove('show');
599-
errorMessage.classList.remove('show');
600-
596+
form.addEventListener('submit', (e) => {
601597
// Set loading state
602598
submitButton.disabled = true;
603599
submitText.textContent = '...';
604600

605-
try {
606-
const formData = new FormData(form);
607-
const response = await fetch(form.action, {
608-
method: 'POST',
609-
body: formData
610-
});
611-
612-
if (response.ok) {
613-
successMessage.classList.add('show');
614-
successMessage.style.display = 'block';
615-
form.reset();
616-
} else {
617-
errorMessage.classList.add('show');
618-
errorMessage.style.display = 'block';
619-
}
620-
} catch (error) {
621-
errorMessage.classList.add('show');
622-
errorMessage.style.display = 'block';
623-
} finally {
601+
// Hide messages initially
602+
successMessage.style.display = 'none';
603+
errorMessage.style.display = 'none';
604+
605+
// Show success message after form submits to iframe
606+
setTimeout(() => {
607+
successMessage.style.display = 'block';
624608
submitButton.disabled = false;
625609
submitText.textContent = '→';
626-
}
610+
form.reset();
611+
}, 1500);
627612
});
628613
}
629614

0 commit comments

Comments
 (0)