diff --git a/components/settings/calendar-settings.tsx b/components/settings/calendar-settings.tsx index b8e655f8..4154f17b 100644 --- a/components/settings/calendar-settings.tsx +++ b/components/settings/calendar-settings.tsx @@ -4,17 +4,14 @@ import { useTranslations } from 'next-intl'; import { useCalendarStore, CalendarViewMode } from '@/stores/calendar-store'; import { useSettingsStore } from '@/stores/settings-store'; import { usePolicyStore } from '@/stores/policy-store'; -import { SettingsSection, SettingItem, Select, RadioGroup, ToggleSwitch } from './settings-section'; +import { SettingsSection, SettingItem, Select, ToggleSwitch } from './settings-section'; export function CalendarSettings() { const t = useTranslations('calendar.settings'); const tViews = useTranslations('calendar.views'); - const tDays = useTranslations('calendar.days'); const { viewMode, setViewMode } = useCalendarStore(); const { - timeFormat, - firstDayOfWeek, showTimeInMonthView, showWeekNumbers, enableCalendarTasks, @@ -40,28 +37,6 @@ export function CalendarSettings() { /> - - updateSetting('dateFormat', value as DateFormat)} + options={[ + { value: 'smart', label: t('date_format.smart') }, + { value: 'relative', label: t('date_format.relative') }, + { value: 'full', label: t('date_format.full') }, + ]} + /> +
+
+ {t('date_format.preview_today')} + {preview.today} +
+
+ {t('date_format.preview_this_week')} + {preview.thisWeek} +
+
+ {t('date_format.preview_older')} + {preview.older} +
+
+ +
+ + + updateSetting('timeFormat', value as TimeFormat)} + options={[ + { value: '12h', label: t('time_format.12h') }, + { value: '24h', label: t('time_format.24h') }, + ]} + /> + + + +