Show vod links with reaction history if available

Resolves #76
Streamfinity · May 6, 2024 · af8036b · af8036b
1 parent a03e20d
commit af8036b
Showing 1 changed file with 23 additions and 8 deletions.
diff --git a/src/entries/contentScript/components/ReactionsHistoryNotice.jsx b/src/entries/contentScript/components/ReactionsHistoryNotice.jsx
@@ -42,14 +42,29 @@ function ReactionPreview({ reaction }) {
             {' '}
 
             {reaction.from_stream && (
-                <a
-                    href={buildReactionFromUrl(reaction)}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="font-bold text-primary-gradient-from"
-                >
-                    {t('reactionHistory.inAStream', { service: reaction.from_stream?.account?.service?.title })}
-                </a>
+                reaction.from_stream.vods.length > 0 ? (
+                    reaction.from_stream.vods?.map((vod) => (
+                        <Fragment key={vod.id}>
+                            <a
+                                href={vod.video.external_tracking_url_time.replace('{timestamp}', reaction.vod_seconds_from)}
+                                target="_blank"
+                                rel="noreferrer"
+                                className="font-bold text-primary-gradient-from"
+                            >
+                                {t('reactionHistory.inAStream', { service: reaction.from_stream?.account?.service?.title })}
+                            </a>
+                        </Fragment>
+                    ))
+                ) : (
+                    <a
+                        href={buildReactionFromUrl(reaction)}
+                        target="_blank"
+                        rel="noreferrer"
+                        className="font-bold text-primary-gradient-from"
+                    >
+                        {t('reactionHistory.inAStream', { service: reaction.from_stream?.account?.service?.title })}
+                    </a>
+                )
             )}
 
             {reaction.from_video && (