diff --git a/client/src/components/Assistant/cards/journey/JourneyEntriesBlock.tsx b/client/src/components/Assistant/cards/journey/JourneyEntriesBlock.tsx index 05dd7935a..e77164132 100644 --- a/client/src/components/Assistant/cards/journey/JourneyEntriesBlock.tsx +++ b/client/src/components/Assistant/cards/journey/JourneyEntriesBlock.tsx @@ -45,18 +45,28 @@ const TILE = 'flex-none snap-start'; type Open = ((entryId: number | null) => void) | null; -/** The journal's name and the way into it, under the card. */ -function JournalFooter({ open }: { open: Open }) { +/** + * The way into the journal under its entries: in the foot bar of the card, or + * under the strip of tiles with how many entries it holds, which the strip + * has no band to say. + */ +function JournalFooter({ open, count }: { open: Open; count?: number }) { const { t } = useTranslation(); const { variant } = useAssistantView(); - if (!open) return null; + const button = open && ( + + ); + if (count === undefined) return button ? {button} : null; return ( - - - +
+ + {t('assistant.card.journey.entries', { count })} + + {button} +
); } @@ -152,7 +162,7 @@ function JournalStrip({ journal, fallbackRef }: { journal: JournalEntries; fallb )} - + ); }