From ad6106ff674bcaba481cd672a02d927d43fdb3b6 Mon Sep 17 00:00:00 2001
From: tuanOts <anhtuanbtx1@gmail.com>
Date: Sat, 14 Jun 2025 23:21:08 +0700
Subject: [PATCH] =?UTF-8?q?Vi=E1=BB=87t=20h=C3=B3a=20Calendar:=20Th=C3=AAm?=
 =?UTF-8?q?=20locale=20ti=E1=BA=BFng=20Vi=E1=BB=87t=20cho=20header=20toolb?=
 =?UTF-8?q?ar=20v=C3=A0=20view=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/feature-module/Application/calendar.jsx | 44 ++++++++++++++-------
 src/feature-module/Application/content.jsx  |  2 +-
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/feature-module/Application/calendar.jsx b/src/feature-module/Application/calendar.jsx
index 3cbafd5..d6fc16b 100644
--- a/src/feature-module/Application/calendar.jsx
+++ b/src/feature-module/Application/calendar.jsx
@@ -317,7 +317,7 @@ const Calendar = () => {
                   data-bs-toggle="modal"
                   data-bs-target="#add_event"
                 >
-                  Create Event
+                  Thêm sự kiện
                 </a>
               </div>
             </div>
@@ -327,35 +327,35 @@ const Calendar = () => {
               <div className="calendar-sidebar">
                 <h4 className="card-title">🎯 Drag & Drop Events</h4>
                 <div id="calendar-events" className="mb-3">
-                  <div className="calendar-events" data-class="bg-primary">
-                    <i className="fas fa-circle" /> 👥 Team Meeting
+                  <div className="calendar-events" data-class="bg-danger">
+                    <i className="fas fa-circle" /> 👥 Họp
                   </div>
                   <div className="calendar-events" data-class="bg-success">
-                    <i className="fas fa-circle" /> 📊 Project Review
-                  </div>
-                  <div className="calendar-events" data-class="bg-warning">
-                    <i className="fas fa-circle" /> 📞 Client Call
+                    <i className="fas fa-circle" /> ⚽ Bóng đá
                   </div>
                   <div className="calendar-events" data-class="bg-danger">
-                    <i className="fas fa-circle" /> 🎨 Design Workshop
+                    <i className="fas fa-circle" /> 🔑 Quan trọng
+                  </div>
+                  <div className="calendar-events" data-class="bg-success">
+                    <i className="fas fa-circle" /> 🎨 Sáng tạo 
                   </div>
                   <div className="calendar-events" data-class="bg-info">
-                    <i className="fas fa-circle" /> 💻 Code Review
+                    <i className="fas fa-circle" /> 🧑‍💼 Đi làm
                   </div>
                   <div className="calendar-events" data-class="bg-secondary">
-                    <i className="fas fa-circle" /> 🍽️ Lunch Break
+                    <i className="fas fa-circle" /> 🍽️ Ăn trưa 
                   </div>
                   <div className="calendar-events" data-class="bg-purple">
                     <i className="fas fa-circle" /> 📚 Training Session
                   </div>
                   <div className="calendar-events" data-class="bg-success">
-                    <i className="fas fa-circle" /> 🏃 Sprint Planning
+                    <i className="fas fa-circle" /> 🏃 Gym
                   </div>
                   <div className="calendar-events" data-class="bg-info">
-                    <i className="fas fa-circle" /> 🔍 Bug Triage
+                    <i className="fas fa-circle" /> 🏸 Cầu lông
                   </div>
-                  <div className="calendar-events" data-class="bg-warning">
-                    <i className="fas fa-circle" /> ☕ Coffee Chat
+                  <div className="calendar-events" data-class="bg-primary">
+                    <i className="fas fa-circle" /> ☕ Cafe
                   </div>
                 </div>
                 <div className="checkbox mb-3">
@@ -432,11 +432,25 @@ const Calendar = () => {
                   <FullCalendar
                     ref={calendarRef}
                     plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
+                    locale="vi" // Set Vietnamese locale
                     headerToolbar={{
                       left: "prev,next today",
                       center: "title",
                       right: "dayGridMonth,timeGridWeek,timeGridDay",
                     }}
+                    buttonText={{
+                      today: "Hôm nay",
+                      month: "Tháng",
+                      week: "Tuần",
+                      day: "Ngày",
+                      prev: "Trước",
+                      next: "Sau"
+                    }}
+                    dayHeaderFormat={{ weekday: 'long' }}
+                    titleFormat={{
+                      year: 'numeric',
+                      month: 'long'
+                    }}
                     initialView="dayGridMonth"
                     editable={true}
                     selectable={true}
@@ -516,7 +530,7 @@ const Calendar = () => {
                 type="button"
                 className="btn btn-success save-event submit-btn"
               >
-                Create event
+                Thêm sự kiện
               </button>
               <button
                 type="button"
diff --git a/src/feature-module/Application/content.jsx b/src/feature-module/Application/content.jsx
index e5a1a8e..bc5adbe 100644
--- a/src/feature-module/Application/content.jsx
+++ b/src/feature-module/Application/content.jsx
@@ -86,7 +86,7 @@ const Content = () => {
                                 className="feather-calendar"
                               />
                             </span>
-                            <h3>Today</h3>
+                            <h3>Hôm nay</h3>
                             <h6>1</h6>
                           </div>
                         </div>