From 24e127f41106c9e2494e128d00cdd9cfbdc3d309 Mon Sep 17 00:00:00 2001
From: theqi106 <phkhhulolmb1@gmail.com>
Date: Wed, 27 Aug 2025 18:44:11 +0700
Subject: [PATCH] feat: add download example file

---
 public/Example.xlsx                           | Bin 0 -> 9362 bytes
 .../_components/AddEmployeeModal.tsx          |  44 +++++++++++-------
 2 files changed, 27 insertions(+), 17 deletions(-)
 create mode 100644 public/Example.xlsx

diff --git a/public/Example.xlsx b/public/Example.xlsx
new file mode 100644
index 0000000000000000000000000000000000000000..f82ceeea0c755441feaa322a76d10845dc9aeb9e
GIT binary patch
literal 9362
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
OcmN{=`so<HpZyo~tH4A6

literal 0
HcmV?d00001

diff --git a/src/app/(auth)/business/employees/_components/AddEmployeeModal.tsx b/src/app/(auth)/business/employees/_components/AddEmployeeModal.tsx
index 429ac9b..36edc7f 100644
--- a/src/app/(auth)/business/employees/_components/AddEmployeeModal.tsx
+++ b/src/app/(auth)/business/employees/_components/AddEmployeeModal.tsx
@@ -24,7 +24,7 @@ const AddEmployeeModal = ({ isOpen, onClose, onRefresh }: AddEmployeeModalProps)
   const fileInputRef = useRef<HTMLInputElement | null>(null);
   const [notification, setNotification] = useState<{ isVisible: boolean; employeeName: string }>({
     isVisible: false,
-    employeeName: ''
+    employeeName: '',
   });
   const { signInAnonymouslyIfNeeded } = useFirebaseAuth();
 
@@ -88,18 +88,14 @@ const AddEmployeeModal = ({ isOpen, onClose, onRefresh }: AddEmployeeModalProps)
 
       // Sau đó thêm employee mới vào group chat
       console.log('Adding new employee to group chat...');
-      await addEmployeeToBusinessGroupChat(
-        businessId,
-        newEmployeeId,
-        newEmployeeName
-      );
+      await addEmployeeToBusinessGroupChat(businessId, newEmployeeId, newEmployeeName);
 
       console.log('Business group chat updated successfully');
 
       // Hiển thị thông báo thành công
       setNotification({
         isVisible: true,
-        employeeName: newEmployeeName
+        employeeName: newEmployeeName,
       });
 
       // Tự động ẩn notification sau 5 giây
@@ -117,7 +113,8 @@ const AddEmployeeModal = ({ isOpen, onClose, onRefresh }: AddEmployeeModalProps)
       // Hiển thị cảnh báo nhưng không block việc thêm employee
       toast({
         title: 'Warning',
-        description: 'Employee added but group chat update failed. You can manually add them later.',
+        description:
+          'Employee added but group chat update failed. You can manually add them later.',
         variant: 'destructive',
       });
     }
@@ -241,19 +238,21 @@ const AddEmployeeModal = ({ isOpen, onClose, onRefresh }: AddEmployeeModalProps)
             <div className="flex mb-4 border-b">
               <button
                 onClick={() => setActiveTab('email')}
-                className={`py-2 px-4 hover:cursor-pointer ${activeTab === 'email'
-                  ? 'border-b-2 border-indigo-600 text-indigo-600'
-                  : 'text-gray-500'
-                  }`}
+                className={`py-2 px-4 hover:cursor-pointer ${
+                  activeTab === 'email'
+                    ? 'border-b-2 border-indigo-600 text-indigo-600'
+                    : 'text-gray-500'
+                }`}
               >
                 Add by Email
               </button>
               <button
                 onClick={() => setActiveTab('file')}
-                className={`py-2 px-4 hover:cursor-pointer ${activeTab === 'file'
-                  ? 'border-b-2 border-indigo-600 text-indigo-600'
-                  : 'text-gray-500'
-                  }`}
+                className={`py-2 px-4 hover:cursor-pointer ${
+                  activeTab === 'file'
+                    ? 'border-b-2 border-indigo-600 text-indigo-600'
+                    : 'text-gray-500'
+                }`}
               >
                 Add by File (.xlsx)
               </button>
@@ -285,7 +284,18 @@ const AddEmployeeModal = ({ isOpen, onClose, onRefresh }: AddEmployeeModalProps)
 
               {activeTab === 'file' && (
                 <div className="space-y-4">
-                  <label className="block text-sm font-medium text-gray-700">Upload XLSX File</label>
+                  <div className="flex items-center justify-between">
+                    <label className="block text-sm font-medium text-gray-700">
+                      Upload XLSX File
+                    </label>
+                    <a
+                      href="/Example.xlsx"
+                      download
+                      className="text-sm text-indigo-600 hover:text-indigo-800 hover:underline"
+                    >
+                      📥 Download Example.xlsx
+                    </a>
+                  </div>
 
                   <div className="mt-1 flex justify-center rounded-md border-2 border-dashed border-gray-300 px-6 pt-5 pb-6">
                     <div className="space-y-1 text-center">