From fcf403cf6fbbb57737d7d30eeb1fc066c68906b4 Mon Sep 17 00:00:00 2001
From: Krish Bhollar Tyagi <krishbtyagi@gmail.com>
Date: Fri, 6 Jun 2025 23:01:25 +0530
Subject: [PATCH 1/2] updated Sidebar.tsx

---
 src/components/Sidebar.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index eb6bd9824..d38a5acb4 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -42,6 +42,7 @@ export function Sidebar({
   courseId: string;
 }) {
   const pathName = usePathname();
+  const isVideoPlayerPage = pathName.startsWith('/video/');
   const [sidebarOpen, setSidebarOpen] = useRecoilState(sidebarOpenAtom);
   const [currentActiveContentIds, setCurrentActiveContentIds] = useState<
     number[]
@@ -257,10 +258,13 @@ export function Sidebar({
               <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>
-              <FilterContent
-                className="bg-gray-400 text-black"
-                ref={filterRef}
-              />
+              {!isVideoPlayerPage && (
+                <FilterContent
+                  className="bg-gray-400 text-black"
+                  ref={filterRef}
+                />
+              )}
+
               <Button
                 variant="ghost"
                 size="icon"

From 09b99c6f9555fa7141a02bda2c65425603d8bf08 Mon Sep 17 00:00:00 2001
From: Krish Bhollar Tyagi <krishbtyagi@gmail.com>
Date: Mon, 9 Jun 2025 15:19:47 +0530
Subject: [PATCH 2/2] again updated Sidebar.tsx

---
 src/components/Sidebar.tsx | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d38a5acb4..616a998c9 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -34,6 +34,24 @@ const sidebarVariants = {
   },
 };
 
+const ConditionalFilterContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLProps<HTMLDivElement>
+>(({ className }, ref) => {
+  const pathName = usePathname();
+  const isVideoPlayerPage = pathName.startsWith('/video/');
+
+  if (isVideoPlayerPage) return null;
+
+  return (
+    <FilterContent
+      className={className}
+      ref={ref as React.RefObject<HTMLDivElement>}
+    />
+  );
+});
+ConditionalFilterContent.displayName = 'ConditionalFilterContent';
+
 export function Sidebar({
   courseId,
   fullCourseContent,
@@ -258,12 +276,10 @@ export function Sidebar({
               <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>
-              {!isVideoPlayerPage && (
-                <FilterContent
-                  className="bg-gray-400 text-black"
-                  ref={filterRef}
-                />
-              )}
+              <ConditionalFilterContent
+                className="bg-gray-400 text-black"
+                ref={filterRef}
+              />
 
               <Button
                 variant="ghost"