1 files changed, 6 insertions, 0 deletions
diff --git a/app/assets/javascripts/super_sidebar/components/super_sidebar_toggle.vue b/app/assets/javascripts/super_sidebar/components/super_sidebar_toggle.vue
index 4fff5cf832e..87762a62c0f 100644
--- a/app/assets/javascripts/super_sidebar/components/super_sidebar_toggle.vue
+++ b/app/assets/javascripts/super_sidebar/components/super_sidebar_toggle.vue
@@ -1,6 +1,7 @@
 <script>
 import { GlButton, GlTooltipDirective } from '@gitlab/ui';
 import { __ } from '~/locale';
+import Tracking from '~/tracking';
 import { JS_TOGGLE_COLLAPSE_CLASS, JS_TOGGLE_EXPAND_CLASS, sidebarState } from '../constants';
 import { toggleSuperSidebarCollapsed } from '../super_sidebar_collapsed_state_manager';
 
@@ -11,6 +12,7 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
+  mixins: [Tracking.mixin()],
   props: {
     tooltipContainer: {
       type: String,
@@ -52,6 +54,10 @@ export default {
   },
   methods: {
     toggle() {
+      this.track(this.isCollapsed ? 'nav_show' : 'nav_hide', {
+        label: 'nav_toggle',
+        property: 'nav_sidebar',
+      });
       toggleSuperSidebarCollapsed(!this.isCollapsed, true);
       this.focusOtherToggle();
     },