From 94cd48d1acaf6cf9dd9ece89cdf4b5f5ce8348af Mon Sep 17 00:00:00 2001
From: debu-2 <suyash.aiml@gmail.com>
Date: Thu, 15 Oct 2026 02:00:01 +0530
Subject: [PATCH] template

---
 .../src/features/whatsapp/WhatsAppBroadcastPage.tsx   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/features/whatsapp/WhatsAppBroadcastPage.tsx b/frontend/src/features/whatsapp/WhatsAppBroadcastPage.tsx
index ffc1e6e..48ae011 100644
--- a/frontend/src/features/whatsapp/WhatsAppBroadcastPage.tsx
+++ b/frontend/src/features/whatsapp/WhatsAppBroadcastPage.tsx
@@ -186,6 +186,16 @@ export function WhatsAppBroadcastPage() {
   const mediaHeader = ['IMAGE', 'VIDEO', 'DOCUMENT'].includes(selectedTemplate?.header_format || '')
   const savedSample = Boolean(selectedTemplate?.sample_stored)
   const headerLabel = selectedTemplate?.header_format === 'VIDEO' ? 'video' : selectedTemplate?.header_format === 'DOCUMENT' ? 'document' : 'image'
+
+  function downloadSampleCsv() {
+    const blob = new Blob(['phone_number\n'], { type: 'text/csv;charset=utf-8' })
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = 'whatsapp-broadcast-sample.csv'
+    link.click()
+    URL.revokeObjectURL(url)
+  }
   const selectedJob = jobs.find((job) => job.id === selectedJobId) || null
 
   async function startCsv() {
@@ -346,6 +356,7 @@ export function WhatsAppBroadcastPage() {
                 onChange={(event) => setCsvFile(event.target.files?.[0] || null)}
               />
             </label>
+            <button className="text-button" type="button" onClick={downloadSampleCsv}>Download a blank sample CSV</button>
             <button className="secondary-button" type="button" disabled={csvBusy || !accountId || !csvFile} onClick={() => void startCsv()}>
               {csvBusy ? <Loader2 size={16} className="wa-spin" /> : null}
               {csvFile ? `Start ${csvFile.name}` : 'Start CSV broadcast'}