@@ -125,10 +122,6 @@ function AttendeeStatusIcon({ status, className }: AttendeeStatusProps) {
}
};
- if (!Icon) {
- return null;
- }
-
return (
{
- return data?.accounts ?? [];
- }, [data]);
+ const items = React.useMemo(() => data?.accounts ?? [], [data]);
const onSelect = React.useCallback(
(calendar: Calendar) => {
@@ -65,11 +63,13 @@ export function CalendarField({
[onChange, onBlur],
);
- const selected = React.useMemo(() => {
- return data?.accounts
- .flatMap((item) => item.calendars)
- .find((item) => item.id === value.id);
- }, [data, value]);
+ const selected = React.useMemo(
+ () =>
+ data?.accounts
+ .flatMap((item) => item.calendars)
+ .find((item) => item.id === value.id),
+ [data, value],
+ );
return (
diff --git a/apps/web/src/components/event-form/fields/date/date-input.tsx b/apps/web/src/components/event-form/fields/date/date-input.tsx
index 3974ff52..486a2084 100644
--- a/apps/web/src/components/event-form/fields/date/date-input.tsx
+++ b/apps/web/src/components/event-form/fields/date/date-input.tsx
@@ -89,9 +89,10 @@ export function DateInput({
return value.toPlainDate();
}, [value, allDay, start]);
- const defaultMonth = React.useMemo(() => {
- return value.toPlainDate().toPlainYearMonth();
- }, [value]);
+ const defaultMonth = React.useMemo(
+ () => value.toPlainDate().toPlainYearMonth(),
+ [value],
+ );
const [displayedMonth, setDisplayedMonth] =
React.useState(date.toPlainYearMonth());
@@ -296,9 +297,10 @@ function TemporalCalendar({
onMonthChange,
min,
}: TemporalCalendarProps) {
- const legacySelected = React.useMemo(() => {
- return toDate(selected, { timeZone });
- }, [selected, timeZone]);
+ const legacySelected = React.useMemo(
+ () => toDate(selected, { timeZone }),
+ [selected, timeZone],
+ );
const legacyOnSelect = React.useCallback(
(date: Date) => {
diff --git a/apps/web/src/components/event-form/fields/date/use-time-suggestions.ts b/apps/web/src/components/event-form/fields/date/use-time-suggestions.ts
index 53f35f74..4585fa19 100644
--- a/apps/web/src/components/event-form/fields/date/use-time-suggestions.ts
+++ b/apps/web/src/components/event-form/fields/date/use-time-suggestions.ts
@@ -75,13 +75,15 @@ export function useTimeSuggestionsList() {
const settings = useCalendarSettings();
const defaultTimeZone = useDefaultTimeZone();
- return React.useMemo(() => {
- return generateList({
- locale: settings.locale,
- timeZone: defaultTimeZone,
- use12Hour: settings.use12Hour,
- });
- }, [settings.locale, defaultTimeZone, settings.use12Hour]);
+ return React.useMemo(
+ () =>
+ generateList({
+ locale: settings.locale,
+ timeZone: defaultTimeZone,
+ use12Hour: settings.use12Hour,
+ }),
+ [settings.locale, defaultTimeZone, settings.use12Hour],
+ );
}
export function useTimeSuggestions(searchValue: string) {
diff --git a/apps/web/src/components/event-form/fields/description-field.tsx b/apps/web/src/components/event-form/fields/description-field.tsx
index 88852c51..4cce0150 100644
--- a/apps/web/src/components/event-form/fields/description-field.tsx
+++ b/apps/web/src/components/event-form/fields/description-field.tsx
@@ -22,7 +22,7 @@ export function DescriptionField({
const onTextareaChange = React.useCallback(
(e: React.ChangeEvent) => {
- onChange?.(e.target.value);
+ onChange(e.target.value);
},
[onChange],
);
diff --git a/apps/web/src/components/event-form/recurrences/fields/day-of-week-field.tsx b/apps/web/src/components/event-form/recurrences/fields/day-of-week-field.tsx
index 35834786..beb781f8 100644
--- a/apps/web/src/components/event-form/recurrences/fields/day-of-week-field.tsx
+++ b/apps/web/src/components/event-form/recurrences/fields/day-of-week-field.tsx
@@ -32,7 +32,7 @@ export function DayOfWeekField({ value, onValueChange }: DayOfWeekFieldProps) {
onValueChange(v as Weekday[])}
className="w-full"
>
diff --git a/apps/web/src/components/event-form/recurrences/recurrence-dialog.tsx b/apps/web/src/components/event-form/recurrences/recurrence-dialog.tsx
index e97fe9d3..64d4dcb6 100644
--- a/apps/web/src/components/event-form/recurrences/recurrence-dialog.tsx
+++ b/apps/web/src/components/event-form/recurrences/recurrence-dialog.tsx
@@ -110,9 +110,7 @@ export function RecurrenceDialog({
},
});
- const min = React.useMemo(() => {
- return toDate(start);
- }, [start]);
+ const min = React.useMemo(() => toDate(start), [start]);
return (