From 9bf9eb7cd08b777f5cd984789db9d65f2fbe158b Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 22:56:01 +0000
Subject: [PATCH] Update navigation to use router for smoother video
 transitions

Replaced window.location.href with setLocation from wouter for client-side routing to individual video pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
---
 client/src/components/netflix-grid.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 7c3179e..adcac4a 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -1,4 +1,5 @@
 import { useState, useRef, useEffect } from "react";
+import { useLocation } from "wouter";
 import { type Video } from "@shared/schema";
 import VideoCard from "./video-card";
 import BunnyVideoModal from "./bunny-video-modal";
@@ -18,10 +19,11 @@ interface NetflixGridProps {
 export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
   const [selectedVideo, setSelectedVideo] = useState<Video | null>(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
+  const [, setLocation] = useLocation();
 
   const handleVideoClick = (video: Video) => {
     // Navigate to individual video page instead of modal
-    window.location.href = `/video/${video.id}`;
+    setLocation(`/video/${video.id}`);
   };
 
   const handleCloseModal = () => {