\n {data.length > 1 && data.map(b => {\n const { contentLink, name, bubbleImage, mainImage, bubbleSubHeader, routeSegment, bubbleTitle } = b;\n const { id } = contentLink;\n const imageUrl = bubbleImage?.value?.url;\n const mainImageUrl = mainImage?.value?.url;\n const bubbleSize = b.bubbleSize.value;\n const bubTitleText = bubbleTitle?.value;\n const { contentType } = b;\n let bubbleContentType = '';\n if (contentType && contentType.length > 0) {\n bubbleContentType = contentType[contentType.length - 1];\n }\n let eraFirst = false;\n const era = b.era?.expandedValue?.eraId?.value;\n eraFirst = !!(era && (prevEra !== era));\n prevEra = era;\n const subtitle = bubbleSubHeader.value;\n const visited = visitedData.current.some(visits => visits === id);\n\n return (\n
\n );\n })}\n {(outro.current && data.length > 1) && (\n
\n
\n
{outro.current.bubbleTitle.value}
\n
{outro.current.bubbleSubHeader.value}
\n
Dive into Allens' 200 year history
\n
\n
\n
\n )}\n