diff --git a/apps/mobile/src/components/Header/HeaderTitle.js b/apps/mobile/src/components/Header/HeaderTitle.js index b2b869b82..91aad373c 100644 --- a/apps/mobile/src/components/Header/HeaderTitle.js +++ b/apps/mobile/src/components/Header/HeaderTitle.js @@ -70,14 +70,14 @@ export const HeaderTitle = () => { style={{ opacity: DDS.isLargeTablet() ? 1 : opacity, }}> - + - {headerTextState.heading.slice(0, 1) === '#' ? '#' : null} + {headerTextState?.heading.slice(0, 1) === '#' ? '#' : null} - {headerTextState.heading.slice(0, 1) === '#' - ? headerTextState.heading.slice(1) - : headerTextState.heading} + {headerTextState?.heading.slice(0, 1) === '#' + ? headerTextState?.heading.slice(1) + : headerTextState?.heading} ); diff --git a/apps/mobile/src/components/SimpleList/index.js b/apps/mobile/src/components/SimpleList/index.js index b1726724b..bbada9799 100644 --- a/apps/mobile/src/components/SimpleList/index.js +++ b/apps/mobile/src/components/SimpleList/index.js @@ -307,6 +307,7 @@ const ListEmptyComponent = ({loading = true, placeholderData}) => { const {height} = useWindowDimensions(); const onHeaderStateChange = (event) => { + if (!event) return; setHeaderTextState(event); }; useEffect(() => { @@ -350,16 +351,16 @@ const ListEmptyComponent = ({loading = true, placeholderData}) => { fontSize={SIZE.md} accentColor="bg" accentText={ - COLORS_NOTE[headerTextState.heading.toLowerCase()] - ? headerTextState.heading.toLowerCase() + COLORS_NOTE[headerTextState?.heading?.toLowerCase()] + ? headerTextState.heading?.toLowerCase() : 'accent' } /> ) : loading ? (