+
+
+
{loadingEventCount ?
"i18n:govoplan-calendar.loading_event_count.716ad3c2" :
diff --git a/webui/src/features/calendar/CalendarEventDialog.tsx b/webui/src/features/calendar/CalendarEventDialog.tsx
index e56c882..b12c81f 100644
--- a/webui/src/features/calendar/CalendarEventDialog.tsx
+++ b/webui/src/features/calendar/CalendarEventDialog.tsx
@@ -5,12 +5,16 @@ import {
} from "react";
import { Trash2 } from "lucide-react";
import {
+ ActionBlockerHint,
Button,
+ ConfirmDialog,
DateField,
Dialog,
+ DocumentationHelpLink,
SegmentedControl,
TimeField,
ToggleSwitch,
+ i18nMessage,
useUnsavedDraftGuard,
} from "@govoplan/core-webui";
import type {
@@ -29,6 +33,10 @@ import {
toInputDate,
toInputTime,
} from "./calendarViewModel";
+import {
+ CALENDAR_DOCUMENTATION,
+ CALENDAR_I18N,
+} from "./interfacePatterns";
type CalendarEventEndMode = "end" | "duration";
type CalendarEventEditScope = "occurrence" | "series";
@@ -160,6 +168,13 @@ export function CalendarEventDialog({
};
const initialEventDraftKey = useMemo(() => calendarDraftKey(eventDraft), []);
const eventDirty = calendarDraftKey(eventDraft) !== initialEventDraftKey;
+ const saveDisabledReason = saving
+ ? CALENDAR_I18N.saving
+ : !canWrite
+ ? CALENDAR_I18N.readOnly
+ : !summary.trim()
+ ? CALENDAR_I18N.eventTitleRequired
+ : undefined;
useUnsavedDraftGuard({
dirty: eventDirty,
@@ -258,14 +273,11 @@ export function CalendarEventDialog({
function requestDelete() {
if (!event) return;
- if (!confirmingDelete) {
- setConfirmingDelete(true);
- return;
- }
- void onDelete(event, editScope);
+ setConfirmingDelete(true);
}
return (
+ <>
);
+
+ setConfirmingDelete(false)}
+ onConfirm={() => event && void onDelete(event, editScope)}
+ />
+ );
}
diff --git a/webui/src/features/calendar/CalendarMigrationDialog.tsx b/webui/src/features/calendar/CalendarMigrationDialog.tsx
index bbf1889..58e4acf 100644
--- a/webui/src/features/calendar/CalendarMigrationDialog.tsx
+++ b/webui/src/features/calendar/CalendarMigrationDialog.tsx
@@ -4,6 +4,7 @@ import {
Button,
Dialog,
DismissibleAlert,
+ DocumentationHelpLink,
LoadingFrame,
StatusBadge,
type ApiSettings,
@@ -14,6 +15,10 @@ import {
type CalendarMigrationBatch,
} from "../../api/calendar";
import { dateTimeLabel, errorText } from "./calendarViewModel";
+import {
+ CALENDAR_I18N,
+ CALENDAR_SOURCE_DOCUMENTATION,
+} from "./interfacePatterns";
export function CalendarMigrationDialog({
settings,
@@ -107,6 +112,7 @@ export function CalendarMigrationDialog({
) : (
+
{error && (
{error}
@@ -166,6 +172,7 @@ export function CalendarMigrationDialog({
variant="danger"
onClick={() => void cancelMigration()}
disabled={working || cancellationEvidence.trim().length < 10}
+ disabledReason={working ? CALENDAR_I18N.saving : cancellationEvidence.trim().length < 10 ? CALENDAR_I18N.cancellationEvidenceRequired : undefined}
>
Cancel remote move
diff --git a/webui/src/features/calendar/CalendarOutboxDialog.tsx b/webui/src/features/calendar/CalendarOutboxDialog.tsx
index 6bcc577..1fb5cb3 100644
--- a/webui/src/features/calendar/CalendarOutboxDialog.tsx
+++ b/webui/src/features/calendar/CalendarOutboxDialog.tsx
@@ -1,10 +1,12 @@
import { useCallback, useEffect, useMemo, useState } from "react";
import { RefreshCw, RotateCcw, ScanSearch, Trash2 } from "lucide-react";
import {
+ ActionBlockerHint,
Button,
ConfirmDialog,
Dialog,
DismissibleAlert,
+ DocumentationHelpLink,
SegmentedControl,
StatusBadge,
type ApiSettings,
@@ -17,6 +19,10 @@ import {
type CalendarSyncSource,
} from "../../api/calendar";
import { dateTimeLabel, errorText } from "./calendarViewModel";
+import {
+ CALENDAR_I18N,
+ CALENDAR_RECOVERY_DOCUMENTATION,
+} from "./interfacePatterns";
type OutboxFilter = "unresolved" | "all";
type RecoveryAction = "retry" | "reconcile" | "discard";
@@ -94,7 +100,7 @@ export function CalendarOutboxDialog({
onClose={onClose}
footer={
<>
-