fix: hiển thị 2 nút google sheets và pdf

This commit is contained in:
2026-06-23 14:58:07 +07:00
parent 78c5754655
commit 9f41400bd8
+7 -6
View File
@@ -2035,8 +2035,7 @@ export const TourDetailPage = ({
{activeTab === 'plan' && ( {activeTab === 'plan' && (
<div className="animate-in fade-in slide-in-from-bottom-2"> <div className="animate-in fade-in slide-in-from-bottom-2">
{/* View Mode Toggle */} {/* View Mode Toggle */}
<div className="flex justify-between items-center mb-6"> <div className="flex justify-center items-center mb-3">
<div className="flex-1" />
<div className="bg-gray-100 dark:bg-slate-800 p-1 rounded-2xl flex gap-1"> <div className="bg-gray-100 dark:bg-slate-800 p-1 rounded-2xl flex gap-1">
<button <button
onClick={() => setViewMode('timeline')} onClick={() => setViewMode('timeline')}
@@ -2051,21 +2050,23 @@ export const TourDetailPage = ({
<MapIconLucide className="w-3.5 h-3.5" /> Bản đ <MapIconLucide className="w-3.5 h-3.5" /> Bản đ
</button> </button>
</div> </div>
<div className="flex-1 flex justify-end gap-2"> </div>
{/* Export Buttons */}
<div className="flex justify-center gap-2 mb-6">
<button <button
onClick={handleExportCSV} onClick={handleExportCSV}
className="flex items-center gap-1.5 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl text-xs font-bold shadow-md transition-all active:scale-95 whitespace-nowrap" className="flex items-center gap-1 px-3 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg text-[11px] font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
> >
📊 Google Sheets 📊 Google Sheets
</button> </button>
<button <button
onClick={handleExportPDF} onClick={handleExportPDF}
className="flex items-center gap-1.5 px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl text-xs font-bold shadow-md transition-all active:scale-95 whitespace-nowrap" className="flex items-center gap-1 px-3 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-[11px] font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
> >
📥 {t('exportPDF') || 'Xuất PDF'} 📥 {t('exportPDF') || 'Xuất PDF'}
</button> </button>
</div> </div>
</div>
{viewMode === 'timeline' ? ( {viewMode === 'timeline' ? (
<ItineraryTimeline onAddLocation={(legId, isStart, isEnd) => { <ItineraryTimeline onAddLocation={(legId, isStart, isEnd) => {