enable l2a (#14316)

Author: vlbee

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

@@ -38,15 +38,14 @@ export const ListenToArticle = ({ articleId }: Props) => {
 				getListenToArticleClient().isPlaying(articleId),
 				getListenToArticleClient().getAudioDurationSeconds(articleId),
 			])
-				.then(() => {
-					// TODO pending design implementation and AB test set up.
-					// .then(({ isAvailable, isPlaying, audioDurationSeconds }) => {
-					// setAudioDuration(
-					// 	audioDurationSeconds ? audioDurationSeconds : undefined,
-					// );
-					// setShowButton(isAvailable && !isPlaying);
-					setAudioDurationSeconds(undefined);
-					setShowButton(false);
+				.then(([isAvailable, isPlaying, durationSeconds]) => {
+					setAudioDurationSeconds(
+						typeof durationSeconds === 'number' &&
+							durationSeconds > 0
+							? durationSeconds
+							: undefined,
+					);
+					setShowButton(isAvailable && !isPlaying);
 				})
 				.catch((error) => {
 					console.error(