Nested Comments Refactored

siwachs · Sep 5, 2024 · a9ce3ef · a9ce3ef
1 parent ad3fa1b
commit a9ce3ef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/buttons/clientAuth.tsx b/src/components/buttons/clientAuth.tsx
@@ -92,7 +92,7 @@ const ClientAuth: React.FC<{
 
           <div
             id="profile-menu"
-            className={`absolute ${profileMenuPositionClasses} z-50 w-full max-w-[360px] ${isProfileMenuOpen ? "block" : "hidden"} rounded-2xl border bg-[var(--app-bg-color-primary)]`}
+            className={`absolute ${profileMenuPositionClasses} z-50 w-full min-w-[360px] max-w-[360px] ${isProfileMenuOpen ? "block" : "hidden"} rounded-2xl border bg-[var(--app-bg-color-primary)]`}
           >
             <div className="relative mx-auto mt-[18px] h-[22px] max-w-[calc(100%-64px)] text-center text-sm font-medium tracking-normal">
               {email}

diff --git a/src/components/utils/lazyLoadComponent.tsx b/src/components/utils/lazyLoadComponent.tsx
@@ -28,11 +28,12 @@ const LazyLoadComponent: React.FC<{ component: ComponentType }> = ({
       ([entry]) => {
         if (entry.isIntersecting) {
           setIsVisible(true);
-          observer.disconnect();
+
+          if (ref.current) observer.disconnect();
         }
       },
       {
-        threshold: 0.1,
+        threshold: 0.01,
       },
     );