diff --git a/client/src/App.tsx b/client/src/App.tsx index 3ad8d7c..d9ccef5 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -6,6 +6,7 @@ import { TooltipProvider } from "@/components/ui/tooltip"; import Home from "@/pages/home"; import VideoPage from "@/pages/VideoPage"; import FolxStadlPage from "@/pages/FolxStadlPage"; +import GeschichteLiedPage from "@/pages/GeschichteLiedPage"; import NotFound from "@/pages/not-found"; function Router() { @@ -14,6 +15,7 @@ function Router() { + ); diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx new file mode 100644 index 0000000..8ce503e --- /dev/null +++ b/client/src/pages/GeschichteLiedPage.tsx @@ -0,0 +1,248 @@ +import { useQuery } from '@tanstack/react-query'; +import { Link, useLocation } from 'wouter'; +import { ArrowLeft, ChevronLeft, ChevronRight, Menu, X } from 'lucide-react'; +import VideoCard from '@/components/video-card'; +import BunnyVideoModal from '@/components/bunny-video-modal'; +import { Button } from '@/components/ui/button'; +import { useState } from 'react'; +import type { Video } from '@shared/schema'; +import { Input } from '@/components/ui/input'; +import { Search } from 'lucide-react'; + +export default function GeschichteLiedPage() { + const [selectedVideo, setSelectedVideo] = useState