From 307bd25e3ee4bad6ecf0529ecb50e75f6575e025 Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Thu, 11 Sep 2025 10:36:06 -0500
Subject: [PATCH] Filter category options based on selected type in VODsPage
 component

---
 frontend/src/pages/VODs.jsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/VODs.jsx b/frontend/src/pages/VODs.jsx
index 05cca9e5..1afc1013 100644
--- a/frontend/src/pages/VODs.jsx
+++ b/frontend/src/pages/VODs.jsx
@@ -375,10 +375,16 @@ const VODsPage = () => {
 
   const categoryOptions = [
     { value: '', label: 'All Categories' },
-    ...Object.values(categories).map((cat) => ({
-      value: `${cat.name}|${cat.category_type}`, // Combine name and type for uniqueness
-      label: `${cat.name} (${cat.category_type})`, // Show type in label for clarity
-    })),
+    ...Object.values(categories)
+      .filter((cat) => {
+        if (filters.type === 'movies') return cat.category_type === 'movie';
+        if (filters.type === 'series') return cat.category_type === 'series';
+        return true; // 'all' shows all
+      })
+      .map((cat) => ({
+        value: `${cat.name}|${cat.category_type}`,
+        label: `${cat.name} (${cat.category_type})`,
+      })),
   ];
 
   const totalPages = Math.ceil(totalCount / pageSize);