Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(Calendar): use useCallback for useCalendarDate functions

Browse source
This commit is contained in:
Tim 2024-10-29 08:39:29 +01:00
parent 19085da76b
commit 820f7eaf81
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Calendar/Calendar.tsx
View file

@ -24,7 +24,7 @@ const Calendar = ({ urlParams }: Props) => {
const [selected, setSelected] = useState<CalendarDate | null>(null);
const detailsTitle = useMemo(() => toDayMonth(selected), [selected]);
const detailsTitle = useMemo(() => toDayMonth(selected), [selected, toDayMonth]);
return (
<MainNavBars className={styles['calendar']} route={'calendar'}>

10
src/routes/Calendar/useCalendarDate.ts
View file

@ -1,5 +1,7 @@
import { useCallback } from "react";
const useCalendarDate = (profile: Profile) => {
const toMonthYear = (calendarDate: CalendarDate | null): string => {
const toMonthYear = useCallback((calendarDate: CalendarDate | null): string => {
if (!calendarDate) return '';
const date = new Date();
@ -10,9 +12,9 @@ const useCalendarDate = (profile: Profile) => {
month: 'long',
year: 'numeric',
});
};
}, [profile.settings]);
const toDayMonth = (calendarDate: CalendarDate | null): string => {
const toDayMonth = useCallback((calendarDate: CalendarDate | null): string => {
if (!calendarDate) return '';
const date = new Date();
@ -23,7 +25,7 @@ const useCalendarDate = (profile: Profile) => {
day: 'numeric',
month: 'short',
});
};
}, [profile.settings]);
return {
toMonthYear,

2
src/routes/Calendar/useSelectableInputs.ts
View file

@ -27,7 +27,7 @@ const useSelectableInputs = (calendar: Calendar, profile: Profile) => {
const selectableInputs = React.useMemo(() => {
return mapSelectableInputs(calendar, toMonthYear);
}, [calendar]);
}, [calendar, toMonthYear]);
return selectableInputs;
};