chore: ensure dropdowns close when the pullout closes

oaknational · Aug 29, 2024 · 024d25f · 024d25f
1 parent 555fb9f
commit 024d25f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-dropdownsection.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-dropdownsection.tsx
@@ -16,13 +16,15 @@ const DropDownSection = ({
   value,
   documentContainerRef,
   userHasCancelledAutoScroll,
+  showLessonMobile,
 }: {
   objectKey: string;
   sectionRefs: Record<string, React.MutableRefObject<HTMLDivElement | null>>;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   value: any;
   documentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
   userHasCancelledAutoScroll: boolean;
+  showLessonMobile: boolean;
 }) => {
   const sectionRef = useRef(null);
   if (sectionRefs) sectionRefs[objectKey] = sectionRef;
@@ -33,6 +35,12 @@ const DropDownSection = ({
   const [prevValue, setPrevValue] = useState<Record<string, unknown>>({});
   const [sectionHasFired, setSectionHasFired] = useState(false);
 
+  useEffect(() => {
+    if (!showLessonMobile) {
+      setIsOpen(false);
+    }
+  }, [showLessonMobile]);
+
   useEffect(() => {
     if (value === null || value === undefined || !value) {
       setStatus("empty");

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-lessonPlanDisplay.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-lessonPlanDisplay.tsx
@@ -173,6 +173,7 @@ export const LessonPlanDisplay = ({
                     value={value}
                     userHasCancelledAutoScroll={userHasCancelledAutoScroll}
                     documentContainerRef={documentContainerRef}
+                    showLessonMobile={showLessonMobile}
                   />
                 );
               }