From 753c82daafebd9a0a11fe1c43c486ce9882ab994 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 16:03:22 +0000
Subject: [PATCH] Add specific videos for the Folx Stadl S04 series to the
 platform

Update the data fetching logic in FolxStadlPage to correctly retrieve and filter videos related to "FOLX STADL S4" from the API endpoint.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/mlEmv7S
---
 client/src/pages/FolxStadlPage.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index f685411..c7abb20 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -10,14 +10,20 @@ export default function FolxStadlPage() {
   const [selectedVideo, setSelectedVideo] = useState<Video | null>(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
 
-  const { data: videos = [], isLoading } = useQuery<Video[]>({
-    queryKey: ['/api/videos']
+  const { data, isLoading } = useQuery<{videos: Video[], total: number}>({
+    queryKey: ['/api/videos'],
+    select: (response) => response || { videos: [], total: 0 }
   });
 
+  const videos = data?.videos || [];
+
   // Filter only FOLX STADL S4 videos
-  const folxStadlVideos = Array.isArray(videos) ? videos.filter(video => 
+  const folxStadlVideos = videos.filter(video => 
     video.title.includes("FOLX STADL S4")
-  ) : [];
+  );
+
+  console.log('Total videos:', videos.length);
+  console.log('FOLX STADL videos:', folxStadlVideos.length);
 
   const handleVideoClick = (video: Video) => {
     setSelectedVideo(video);