diff --git a/apps/client/src/common/hooks-query/useRundown.ts b/apps/client/src/common/hooks-query/useRundown.ts index 84ba8c57a..a5881dab1 100644 --- a/apps/client/src/common/hooks-query/useRundown.ts +++ b/apps/client/src/common/hooks-query/useRundown.ts @@ -105,3 +105,12 @@ export function useEntry(entryId: EntryId | null): OntimeEntry | null { if (entryId === null) return null; return rundown.entries[entryId] ?? null; } + +export function useRundownAuxData() { + const { data, status } = useRundown(); + const filteredData = useMemo(() => { + const { title, id } = data; + return { title, id }; + }, [data]); + return { data: filteredData, status }; +} diff --git a/apps/client/src/features/overview/composite/TitleOverview.tsx b/apps/client/src/features/overview/composite/TitleOverview.tsx index 71c86d6f6..147ca2e5d 100644 --- a/apps/client/src/features/overview/composite/TitleOverview.tsx +++ b/apps/client/src/features/overview/composite/TitleOverview.tsx @@ -1,18 +1,21 @@ import useProjectData from '../../../common/hooks-query/useProjectData'; +import { useRundownAuxData } from '../../../common/hooks-query/useRundown'; import style from './TitleOverview.module.scss'; export default function TitleOverview() { - const { data } = useProjectData(); + 'use memo'; + const { data: projectData } = useProjectData(); + const { data: rundownData } = useRundownAuxData(); - if (!data.title && !data.description) { + if (!projectData.title && !rundownData.title) { return null; } return (