fix: subsection active state retained after sidebar closed

Author: tecoholic

src/components/SubSectionAnalyticsButton.tsx

@@ -5,15 +5,17 @@ import { useAspectsSidebarContext } from '../hooks';
 import { Block, SubSection, castToBlock } from '../types';
 
 export function SubSectionAnalyticsButton({ subsection }: { subsection: SubSection }) {
-  const { activeBlock, setActiveBlock, setSidebarOpen } = useAspectsSidebarContext();
+  const {
+    activeBlock, sidebarOpen, setActiveBlock, setSidebarOpen,
+  } = useAspectsSidebarContext();
   if (!subsection.graded) {
     return null;
   }
   return (
     <IconButton
       alt="Analytics"
       iconAs={AutoGraph}
-      isActive={activeBlock?.id === subsection.id}
+      isActive={sidebarOpen && (activeBlock?.id === subsection.id)}
       onClick={() => {
         setSidebarOpen(true);
         setActiveBlock(castToBlock(subsection) as Block);