From af0a3a5057e0427dcca707dcead3030b3505c5bd Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Fri, 28 Mar 2025 23:42:26 +0600
Subject: [PATCH] wip

---
 .../GenerateCourse/AICourseLesson.tsx         | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/GenerateCourse/AICourseLesson.tsx b/src/components/GenerateCourse/AICourseLesson.tsx
index b6aa3878a..da93eeebc 100644
--- a/src/components/GenerateCourse/AICourseLesson.tsx
+++ b/src/components/GenerateCourse/AICourseLesson.tsx
@@ -450,26 +450,28 @@ export function AICourseLesson(props: AICourseLessonProps) {
           </>
         )}
 
-        <div
-          className="fixed inset-0 hidden data-[state=open]:block lg:hidden data-[state=open]:lg:hidden"
-          data-state={isAIChatsMobileOpen ? 'open' : 'closed'}
-        >
-          <div className="absolute inset-0 bg-black/50" />
-          <AICourseLessonChat
-            courseSlug={courseSlug}
-            moduleTitle={currentModuleTitle}
-            lessonTitle={currentLessonTitle}
-            onUpgradeClick={onUpgrade}
-            isDisabled={isGenerating || isLoading || isTogglingDone}
-          />
-
-          <button
-            onClick={() => setIsAIChatsMobileOpen(false)}
-            className="absolute right-2 top-2 z-20 rounded-full p-1 text-gray-400 hover:text-black"
+        {isAIChatsMobileOpen && (
+          <div
+            className="fixed inset-0 hidden data-[state=open]:block lg:hidden data-[state=open]:lg:hidden"
+            data-state={isAIChatsMobileOpen ? 'open' : 'closed'}
           >
-            <XIcon className="size-4 stroke-[2.5]" />
-          </button>
-        </div>
+            <div className="absolute inset-0 bg-black/50" />
+            <AICourseLessonChat
+              courseSlug={courseSlug}
+              moduleTitle={currentModuleTitle}
+              lessonTitle={currentLessonTitle}
+              onUpgradeClick={onUpgrade}
+              isDisabled={isGenerating || isLoading || isTogglingDone}
+            />
+
+            <button
+              onClick={() => setIsAIChatsMobileOpen(false)}
+              className="absolute right-2 top-2 z-20 rounded-full p-1 text-gray-400 hover:text-black"
+            >
+              <XIcon className="size-4 stroke-[2.5]" />
+            </button>
+          </div>
+        )}
       </ResizablePanelGroup>
     </div>
   );