From 82c427e523712017e0f28c9fac69fff934d8263c Mon Sep 17 00:00:00 2001
From: Eksaq Dev <rishithsaginala@gmail.com>
Date: Tue, 10 Dec 2024 11:54:39 +0530
Subject: [PATCH 1/2] fixed Video Title is not showing up in sidebar component.

---
 src/components/Sidebar.tsx | 39 ++++++++++++++++++++------------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d3bf61eb3..f1d76e966 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -196,7 +196,7 @@ export function Sidebar({
           <Link
             key={content.id}
             href={navigateToContent(content.id) || '#'}
-            className={`flex w-full cursor-pointer items-center rounded-md p-4 tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
+            className={`flex w-full cursor-pointer items-center rounded-md px-4 ${content.type==='video' ? "py-2" : "py-4"} tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
             ref={
               isActiveContent
                 ? (activeItemRef as React.RefObject<HTMLAnchorElement>)
@@ -210,13 +210,14 @@ export function Sidebar({
                   {content.type === 'video' && <Play className="size-4" />}
                   {content.type === 'notion' && <File className="size-4" />}
                 </div>
-                {content.type === 'video' && (
-                  <BookmarkButton
-                    bookmark={content.bookmark ?? null}
-                    contentId={content.id}
-                  />
-                )}
+                <div className="break-words text-base">{content.title}</div>
               </div>
+              {content.type === 'video' && (
+                <BookmarkButton
+                  bookmark={content.bookmark ?? null}
+                  contentId={content.id}
+                />
+              )}
             </div>
           </Link>
         );
@@ -256,17 +257,19 @@ 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}
-              />
-              <Button
-                variant="ghost"
-                size="icon"
-                onClick={() => setSidebarOpen(false)}
-              >
-                <X className="size-5" />
-              </Button>
+              <div className='flex items-center gap-4'>
+                <FilterContent
+                  className="bg-gray-400 text-black"
+                  ref={filterRef}
+                />
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => setSidebarOpen(false)}
+                >
+                  <X className="size-5" />
+                </Button>
+              </div>
             </div>
             <Accordion
               type="multiple"

From e05138592682a484745f7a4dd7563c5efbe9d08c Mon Sep 17 00:00:00 2001
From: Eksaq Dev <rishithsaginala@gmail.com>
Date: Tue, 10 Dec 2024 12:06:58 +0530
Subject: [PATCH 2/2] fixed Video Title is not showing up in sidebar component.

---
 src/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index f1d76e966..5ca05f9f0 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -196,7 +196,7 @@ export function Sidebar({
           <Link
             key={content.id}
             href={navigateToContent(content.id) || '#'}
-            className={`flex w-full cursor-pointer items-center rounded-md px-4 ${content.type==='video' ? "py-2" : "py-4"} tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
+            className={`flex w-full cursor-pointer items-center rounded-md p-4 tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
             ref={
               isActiveContent
                 ? (activeItemRef as React.RefObject<HTMLAnchorElement>)