diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index c24146f..5b62bd4 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -13,6 +13,8 @@ export default function FolxStadlPage() {
const [isModalOpen, setIsModalOpen] = useState(false);
const [currentPage, setCurrentPage] = useState(1);
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+ const [searchQuery, setSearchQuery] = useState("");
+ const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
const itemsPerPage = 10;
const { data, isLoading } = useQuery<{videos: Video[], total: number}>({
@@ -54,9 +56,12 @@ export default function FolxStadlPage() {
return (
{}}
- onViewChange={() => {}}
- currentView="grid"
+ onSearch={(query) => {
+ setSearchQuery(query);
+ if (query) window.location.href = `/?search=${encodeURIComponent(query)}`;
+ }}
+ onViewChange={setViewMode}
+ currentView={viewMode}
/>
{/* Main Content */}
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 5d7e98e..d98f907 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -53,6 +53,8 @@ export default function VideoPage() {
const [, params] = useRoute("/video/:id");
const videoId = params?.id;
const [showShareMenu, setShowShareMenu] = useState(false);
+ const [searchQuery, setSearchQuery] = useState("");
+ const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
// Fetch current video
@@ -200,9 +202,12 @@ export default function VideoPage() {
return (
{}}
- onViewChange={() => {}}
- currentView="grid"
+ onSearch={(query) => {
+ setSearchQuery(query);
+ if (query) window.location.href = `/?search=${encodeURIComponent(query)}`;
+ }}
+ onViewChange={setViewMode}
+ currentView={viewMode}
/>