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} />