gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-28 10:08:52 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

fix(collections/calendar): header not initializing properly on first render

Browse Source
This commit is contained in:
Elian Doran 2025-09-06 12:34:18 +03:00
parent afc17f41f6
commit e8024ce341
No known key found for this signature in database
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/collections/calendar/calendar.tsx
View File

@ -1,4 +1,4 @@
import { useEffect, useRef } from "preact/hooks";
import { useLayoutEffect, useRef } from "preact/hooks";
import { CalendarOptions, Calendar as FullCalendar, PluginDef } from "@fullcalendar/core";
import { RefObject } from "preact";
@ -10,7 +10,7 @@ interface CalendarProps extends CalendarOptions {
export default function Calendar({ tabIndex, calendarRef, ...options }: CalendarProps) {
const containerRef = useRef<HTMLDivElement>(null);
useEffect(() => {
useLayoutEffect(() => {
if (!containerRef.current) return;
const calendar = new FullCalendar(containerRef.current, options);

6
apps/client/src/widgets/collections/calendar/index.tsx
View File

@ -147,7 +147,11 @@ function CalendarHeader({ calendarRef }: { calendarRef: RefObject<FullCalendar>
const currentViewType = calendarRef.current?.view?.type;
const currentViewData = CALENDAR_VIEWS.find(v => calendarRef.current && v.type === currentViewType);
return (
// Wait for the calendar ref to become available.
const [ ready, setReady ] = useState(false);
useEffect(() => setReady(true), []);
return (ready &&
<div className="calendar-header">
<span className="title">{calendarRef.current?.view.title}</span>
<ButtonGroup>