From 3f8cd7937a8e606c2410f1461f93a2c70abe00a7 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Mon, 22 Dec 2025 22:07:54 +0700
Subject: [PATCH] Fix JavaScript error in EmailTemplatePreview
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix "nama is not defined" error by properly escaping shortcode text
- Wrap template literals with backticks in JSX to prevent variable interpretation
- This prevents shortcode braces from being treated as JavaScript variables

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/components/admin/EmailTemplatePreview.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/admin/EmailTemplatePreview.tsx b/src/components/admin/EmailTemplatePreview.tsx
index 599ac4a..8532cb6 100644
--- a/src/components/admin/EmailTemplatePreview.tsx
+++ b/src/components/admin/EmailTemplatePreview.tsx
@@ -215,14 +215,14 @@ export function EmailTemplatePreview({
               (template.email_body_html && template.email_body_html.includes('{'))) && (
               <div className="mt-3 pt-3 border-t border-blue-200">
                 <p className="text-xs text-blue-700">
-                  <strong>All Available Shortcodes:</strong> User ({nama}, {email}), Orders ({order_id}, {tanggal_pesanan}, {total}, {metode_pembayaran}, {status_pesanan}, {invoice_url}),
-                  Products ({produk}, {kategori_produk}, {harga_produk}),
-                  Access ({link_akses}, {username_akses}, {password_akses}),
-                  Consulting ({tanggal_konsultasi}, {jam_konsultasi}, {link_meet}),
-                  Events ({judul_event}, {tanggal_event}, {link_event}),
-                  Bootcamp ({judul_bootcamp}, {progres_bootcamp}, {modul_selesai}),
-                  Payment ({bank_tujuan}, {nomor_rekening}, {jumlah_pembayaran}),
-                  Company ({nama_perusahaan}, {email_support})
+                  <strong>All Available Shortcodes:</strong> User ({`{nama}`}, {`{email}`}), Orders ({`{order_id}`}, {`{tanggal_pesanan}`}, {`{total}`}, {`{metode_pembayaran}`}, {`{status_pesanan}`}, {`{invoice_url}`}),
+                  Products ({`{produk}`}, {`{kategori_produk}`}, {`{harga_produk}`}),
+                  Access ({`{link_akses}`}, {`{username_akses}`}, {`{password_akses}`}),
+                  Consulting ({`{tanggal_konsultasi}`}, {`{jam_konsultasi}`}, {`{link_meet}`}),
+                  Events ({`{judul_event}`}, {`{tanggal_event}`}, {`{link_event}`}),
+                  Bootcamp ({`{judul_bootcamp}`}, {`{progres_bootcamp}`}, {`{modul_selesai}`}),
+                  Payment ({`{bank_tujuan}`}, {`{nomor_rekening}`}, {`{jumlah_pembayaran}`}),
+                  Company ({`{nama_perusahaan}`}, {`{email_support}`})
                 </p>
               </div>
             )}