From 25f496a5ab7cb4ee028cc9fffc19aa450c7f8de7 Mon Sep 17 00:00:00 2001
From: Aaron Chan <42254254+aaronchan32@users.noreply.github.com>
Date: Fri, 12 Apr 2024 21:44:20 -0700
Subject: [PATCH] fix: update fakelogoInfo on image load

---
 src/components/LogoAndRegister/LogoAndRegister.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/LogoAndRegister/LogoAndRegister.tsx b/src/components/LogoAndRegister/LogoAndRegister.tsx
index ae6cfe4..6dfeacd 100644
--- a/src/components/LogoAndRegister/LogoAndRegister.tsx
+++ b/src/components/LogoAndRegister/LogoAndRegister.tsx
@@ -23,7 +23,7 @@ export default function LogoAndRegister({
   const lastScrollTopRef = useRef(0);
 
   useEffect(() => {
-    const fakeLogoInfo = fakeLogoRef.current?.getBoundingClientRect();
+    let fakeLogoInfo: DOMRect | undefined = undefined;
     let initialLogoWidth = 0;
     const navRightValue = navRef.current
       ? parseInt(
@@ -35,9 +35,10 @@ export default function LogoAndRegister({
     const registerInfo = registerRef.current?.getBoundingClientRect();
     const initialRegisterWidth = registerInfo!.width;
 
-    if (logoRef.current && fakeLogoInfo && fakeLogoRef.current) {
+    if (logoRef.current && fakeLogoRef.current) {
       fakeLogoRef.current.onload = () => {
         console.log('onload triggered');
+        fakeLogoInfo = fakeLogoRef.current!.getBoundingClientRect();
         initialLogoWidth =
           parseInt(window.getComputedStyle(fakeLogoRef.current!).width) || 0;
         logoRef.current!.style.width = initialLogoWidth + 'px';