Phase 0.2: migrate remaining SVGs to lucide-react icons

This commit is contained in:
Agent Zero
2026-07-23 03:21:05 +02:00
parent e9a5eee524
commit 4f8cda1566
41 changed files with 228 additions and 564 deletions
+9 -24
View File
@@ -24,6 +24,7 @@ import { IcsControls } from '@/components/calendar/IcsControls';
import { SharingSettings } from '@/components/calendar/SharingSettings';
import { useCalendarStore, type CalendarViewMode } from '@/stores/calendarStore';
import { usePluginToolbarStore } from '@/store/pluginToolbarStore';
import { ChevronLeft, ChevronRight, Info, Plus } from 'lucide-react';
import {
fetchCalendars,
createCalendar,
@@ -314,9 +315,7 @@ export function CalendarPage() {
: viewMode === 'day' ? goToPrevDay
: () => {},
icon: (
<svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
</svg>
<ChevronLeft className="w-3.5 h-3.5" strokeWidth={2} />
),
},
{
@@ -340,9 +339,7 @@ export function CalendarPage() {
? goToNextDay
: () => {},
icon: (
<svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
</svg>
<ChevronRight className="w-3.5 h-3.5" strokeWidth={2} />
),
},
// View mode group
@@ -374,9 +371,7 @@ export function CalendarPage() {
setModalOpen(true);
},
icon: (
<svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
</svg>
<Plus className="w-3.5 h-3.5" strokeWidth={2} />
),
},
{
@@ -402,9 +397,7 @@ export function CalendarPage() {
active: showDetails,
onClick: () => setShowDetails((v) => !v),
icon: (
<svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<Info className="w-3.5 h-3.5" strokeWidth={2} />
),
},
];
@@ -606,9 +599,7 @@ export function CalendarPage() {
data-testid="mobile-go-to-calendar"
>
<span className="text-sm font-medium">{t('calendar.title')}</span>
<svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
</svg>
<ChevronRight className="w-4 h-4" aria-hidden="true" strokeWidth={2} />
</button>
</div>
<CalendarTree
@@ -633,9 +624,7 @@ export function CalendarPage() {
aria-label={t('common.back')}
data-testid="mobile-back-to-tree"
>
<svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
</svg>
<ChevronLeft className="w-4 h-4" aria-hidden="true" strokeWidth={2} />
<span className="text-sm font-medium">{t('calendar.tree.title')}</span>
</button>
{showDetails && (
@@ -646,9 +635,7 @@ export function CalendarPage() {
data-testid="mobile-go-to-details"
>
<span className="text-sm font-medium">{t('calendar.detail.title')}</span>
<svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
</svg>
<ChevronRight className="w-4 h-4" aria-hidden="true" strokeWidth={2} />
</button>
)}
</div>
@@ -667,9 +654,7 @@ export function CalendarPage() {
aria-label={t('common.back')}
data-testid="mobile-back-to-calendar"
>
<svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
</svg>
<ChevronLeft className="w-4 h-4" aria-hidden="true" strokeWidth={2} />
<span className="text-sm font-medium">{t('calendar.title')}</span>
</button>
</div>