tweak insertion check and add age to SC supporting content

Author: Georges-GNM

dotcom-rendering/src/components/FeatureCardCardAge.tsx

@@ -15,7 +15,6 @@ export const FeatureCardCardAge = ({
 	webPublicationDate,
 	SCStyle,
 }: Props) => {
-	console.log('FeatureCardCardAge webPublicationDate:', webPublicationDate);
 	const withinTwelveHours = isWithinTwelveHours(webPublicationDate);
 	if (withinTwelveHours || SCStyle) {
 		return (

dotcom-rendering/src/components/StorylinesSection.importable.tsx

@@ -147,7 +147,8 @@ export const StorylinesSection = ({
 	TPSGContent,
 	editionId,
 }: StorylinesSectionProps) => {
-	console.log('TPSGContent', TPSGContent);
+	console.log('has TPSGContent', !!TPSGContent);
+	// console.log('TPSGContent', TPSGContent);
 	// const [storylines, SetStorylines] = useState<TPSGContent>();
 	const storylines = TPSGContent;
 

dotcom-rendering/src/components/SupportingContent.tsx

@@ -4,6 +4,7 @@ import { ArticleDesign } from '../lib/articleFormat';
 import { isMediaCard } from '../lib/cardHelpers';
 import { palette } from '../palette';
 import type { DCRContainerPalette, DCRSupportingContent } from '../types/front';
+import { CardAge } from './Card/components/CardAge';
 import { CardHeadline } from './CardHeadline';
 import { ContainerOverrides } from './ContainerOverrides';
 import { FormatBoundary } from './FormatBoundary';
@@ -207,7 +208,16 @@ export const SupportingContent = ({
 										mobile: 'medium',
 									}}
 								/>
-								{/* {subLink.kickerText} */}
+								{/* {subLink.kickerText} 
+								card age below obviously istag page is a lie
+								*/}
+								<CardAge
+									webPublication={{
+										date: subLink.kickerText ?? '',
+										isWithinTwelveHours: false,
+									}}
+									isTagPage={false}
+								/>
 							</ContainerOverrides>
 						</FormatBoundary>
 					</li>

dotcom-rendering/src/layouts/TagPageLayout.tsx

@@ -66,18 +66,18 @@ export const TagPageLayout = ({ tagPage, NAV }: Props) => {
 	const isAccessibilityPage =
 		tagPage.config.pageId === 'help/accessibility-help';
 
-	const isSCTagPage = process.env.NODE_ENV === 'development';
+	// const isSCTagPage = process.env.NODE_ENV === 'development';
 
-	console.log(
-		'isSCTagPage:',
-		isSCTagPage,
-		'tagPage.webURL:',
-		tagPage.webURL,
-		'isDev:', //isDev doesn't actually work?
-		tagPage.config.isDev,
-		'is node env',
-		process.env.NODE_ENV,
-	);
+	// console.log(
+	// 	'isSCTagPage:',
+	// 	isSCTagPage,
+	// 	'tagPage.webURL:',
+	// 	tagPage.webURL,
+	// 	'isDev:', //isDev doesn't actually work?
+	// 	tagPage.config.isDev,
+	// 	'is node env',
+	// 	process.env.NODE_ENV,
+	// );
 
 	console.log('has tagPage.TPSGContent:', !!tagPage.TagPageAIContent);
 	console.log('tagPage.TPSGContent:', tagPage.TagPageAIContent);
@@ -153,8 +153,8 @@ export const TagPageLayout = ({ tagPage, NAV }: Props) => {
 						: undefined;
 
 					const insertSCSection =
-						// tagPage.TPSGContent &&
-						isSCTagPage &&
+						tagPage.TagPageAIContent &&
+						// isSCTagPage &&
 						index == 1 &&
 						(!tagPage.pagination ||
 							tagPage.pagination.currentPage === 1);

dotcom-rendering/src/model/enhanceAITagPageContent.ts

@@ -1,4 +1,4 @@
-import { timeAgo } from '@guardian/libs';
+// import { timeAgo } from '@guardian/libs';
 import type { DCRFrontCard, DCRGroupedTrails } from '../types/front';
 import type {
 	ArticleData,
@@ -93,13 +93,13 @@ function parseArticleDataToFrontCard(
 
 function parseKeyStoriesToFrontCard(category: CategoryContent): DCRFrontCard {
 	const supportingContent = category.articles.slice(1, 5).map((article) => {
-		const articleAge =
-			article.publicationTime &&
-			timeAgo(new Date(article.publicationTime).getTime()).toString();
+		// const articleAge =
+		// 	article.publicationTime &&
+		// 	timeAgo(new Date(article.publicationTime).getTime()).toString();
 		return {
 			headline: article.headline,
 			url: article.url,
-			kickerText: articleAge,
+			kickerText: article.publicationTime,
 			format: { design: 0, display: 0, theme: 0 },
 		};
 	});