diff --git a/native/components/thread-ancestors-label.react.js b/native/components/thread-ancestors-label.react.js --- a/native/components/thread-ancestors-label.react.js +++ b/native/components/thread-ancestors-label.react.js @@ -6,6 +6,7 @@ import { useAncestorThreads } from 'lib/shared/ancestor-threads'; import { type ThreadInfo } from 'lib/types/thread-types'; +import { useResolvedThreadInfos } from 'lib/utils/entity-helpers'; import { useColors, useStyles } from '../themes/colors'; @@ -18,6 +19,7 @@ const styles = useStyles(unboundStyles); const colors = useColors(); const ancestorThreads = useAncestorThreads(threadInfo); + const resolvedAncestorThreads = useResolvedThreadInfos(ancestorThreads); const chevronIcon = React.useMemo( () => ( @@ -32,7 +34,7 @@ const ancestorPath = React.useMemo(() => { const path = []; - for (const thread of ancestorThreads) { + for (const thread of resolvedAncestorThreads) { path.push({thread.uiName}); path.push( ${thread.id}`} style={styles.chevron}> @@ -42,7 +44,7 @@ } path.pop(); return path; - }, [ancestorThreads, chevronIcon, styles.chevron]); + }, [resolvedAncestorThreads, chevronIcon, styles.chevron]); const ancestorPathStyle = React.useMemo(() => { return unread ? [styles.pathText, styles.unread] : styles.pathText;