From 38f8c52ad8d8e04352f508cc97cdbb22212adafc Mon Sep 17 00:00:00 2001
From: Chris-1010 <122332721@umail.ucc.ie>
Date: Thu, 6 Mar 2025 22:44:31 +0000
Subject: [PATCH] FEAT: Add VODs to `ResultsPage`

---
 frontend/src/pages/ResultsPage.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/pages/ResultsPage.tsx b/frontend/src/pages/ResultsPage.tsx
index 261c63e..2b38afd 100644
--- a/frontend/src/pages/ResultsPage.tsx
+++ b/frontend/src/pages/ResultsPage.tsx
@@ -100,6 +100,24 @@ const ResultsPage: React.FC = () => {
 						extraClasses="min-h-[calc((20vw+20vh)/4)] bg-[var(--liveNow)]"
 						itemExtraClasses="w-[calc(12vw+12vh/2)]"
 					/>
+
+					<ListRow
+						key={`vod-results-${searchState.query}`}
+						variant="search"
+						type="vod"
+						items={searchState.searchResults.vods.map((vod: any) => ({
+							id: vod.vod_id,
+							type: "vod",
+							title: vod.title,
+							username: vod.username,
+							thumbnail: vod.thumbnail_url,
+						}))}
+						title="VODs"
+						onItemClick={(username, vod_id) => navigate(`/vods/${username}/${vod_id}`)}
+						amountForScroll={4}
+						extraClasses="min-h-[calc((20vw+20vh)/4)] bg-[var(--liveNow)]"
+						itemExtraClasses="w-[calc(12vw+12vh/2)]"
+					/>
 				</div>
 			</div>
 		</DynamicPageContent>