From 4f4f2cda4f1e9656dcf1c244ab253f4f4b447167 Mon Sep 17 00:00:00 2001
From: Alex Velez <velezllaquealex@gmail.com>
Date: Fri, 28 Feb 2025 11:51:55 -0500
Subject: [PATCH] Update appbar height on appbar mount

---
 packages/kolibri/components/pages/AppBarPage/index.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/kolibri/components/pages/AppBarPage/index.vue b/packages/kolibri/components/pages/AppBarPage/index.vue
index 68c28319ce8..4cc0ae8ef80 100644
--- a/packages/kolibri/components/pages/AppBarPage/index.vue
+++ b/packages/kolibri/components/pages/AppBarPage/index.vue
@@ -150,15 +150,16 @@
     },
     beforeUpdate() {
       // Update appBarHeight after AppBar is rerendered and updated
-      this.handleWindowResize();
+      this.updateAppBarHeight();
     },
     mounted() {
+      this.updateAppBarHeight();
       this.addScrollListener();
-      window.addEventListener('resize', this.handleWindowResize);
+      window.addEventListener('resize', this.updateAppBarHeight);
     },
     beforeDestroy() {
       this.removeScrollListener();
-      window.removeEventListener('resize', this.handleWindowResize);
+      window.removeEventListener('resize', this.updateAppBarHeight);
     },
     methods: {
       addScrollListener() {
@@ -189,7 +190,7 @@
           this.throttledHandleScroll = null;
         }
       },
-      handleWindowResize() {
+      updateAppBarHeight() {
         // Update the app bar height when window is resized
         this.appBarHeight = this.$refs.appBar.$el.scrollHeight || 124;
       },