reverse nav drawer posthog events (#2003)

* reverse nav drawer posthog events * also fire drawer toggle event in onClose
mitodl · Jan 29, 2025 · 94aefe4 · 94aefe4
1 parent 82ce719
commit 94aefe4
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/frontends/main/src/page-components/Header/Header.tsx b/frontends/main/src/page-components/Header/Header.tsx
@@ -275,8 +275,8 @@ const Header: FunctionComponent = () => {
   const desktopTrigger = React.useRef<HTMLButtonElement>(null)
   const mobileTrigger = React.useRef<HTMLButtonElement>(null)
   const drawerToggleEvent = drawerOpen
-    ? "opened_nav_drawer"
-    : "closed_nav_drawer"
+    ? "closed_nav_drawer"
+    : "opened_nav_drawer"
   const posthogCapture = (event: string) => {
     if (process.env.NEXT_PUBLIC_POSTHOG_API_KEY) {
       posthog.capture(event)
@@ -317,7 +317,10 @@ const Header: FunctionComponent = () => {
         ]}
         navData={navData}
         open={drawerOpen}
-        onClose={toggleDrawer.off}
+        onClose={() => {
+          posthogCapture(drawerToggleEvent)
+          toggleDrawer.off()
+        }}
         posthogCapture={posthogCapture}
       />
     </div>