From a0e00e429f4256d56413a57e45f557213462fc83 Mon Sep 17 00:00:00 2001
From: rajaoktf <rajaoktafrianto2@gmail.com>
Date: Tue, 14 Oct 2025 13:33:49 +0700
Subject: [PATCH] update button download temlate csv on add notification

---
 .../file-templates/template_notification.csv  |  4 +++
 src/pages/notification/blocks/AddDialog.tsx   | 29 ++++++++++++++-----
 2 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 public/media/file-templates/template_notification.csv

diff --git a/public/media/file-templates/template_notification.csv b/public/media/file-templates/template_notification.csv
new file mode 100644
index 0000000..a53a587
--- /dev/null
+++ b/public/media/file-templates/template_notification.csv
@@ -0,0 +1,4 @@
+MSISDN
+67073111111
+67073222222
+67073333333
diff --git a/src/pages/notification/blocks/AddDialog.tsx b/src/pages/notification/blocks/AddDialog.tsx
index 8087872..461c6c7 100644
--- a/src/pages/notification/blocks/AddDialog.tsx
+++ b/src/pages/notification/blocks/AddDialog.tsx
@@ -469,14 +469,27 @@ const AddDialog = () => {
                   <label className="form-label flex items-center gap-1 max-w-56">
                     Upload MSISDN CSV
                   </label>
-                  <div className="flex-1 flex flex-col gap-2">
-                    <Input
-                      ref={fileInputRef}
-                      type="file"
-                      accept=".csv"
-                      onChange={handleFileUpload}
-                      className="input col-span-6"
-                    />
+                  <div className="flex flex-col gap-2 flex-1">
+                    {/* Baris upload + button */}
+                    <div className="flex items-center gap-3">
+                      <Input
+                        ref={fileInputRef}
+                        type="file"
+                        accept=".csv"
+                        onChange={handleFileUpload}
+                        className="input flex-1"
+                      />
+
+                      <a
+                        href="/media/file-templates/template_notification.csv"
+                        download
+                        className="px-3 py-2 rounded-md bg-blue-600 text-white text-sm font-medium hover:bg-blue-700"
+                      >
+                        Download Template CSV
+                      </a>
+                    </div>
+
+                    {/* Info file yang sudah diupload */}
                     {uploadedFileName && formField.customer_phone.length > 0 && (
                       <div className="flex items-center gap-2 text-sm text-green-600 bg-green-50 px-3 py-2 rounded-md">
                         <Check className="w-4 h-4" />