refactor(hooks): modify to slow to show, quick to hide

Co-authored-by: Scott Davis <[email protected]>
agrc · Nov 20, 2024 · 4ad3dd2 · 4ad3dd2
1 parent 41f4cc3
commit 4ad3dd2
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/utilities/src/hooks/useViewLoading.ts b/packages/utilities/src/hooks/useViewLoading.ts
@@ -15,15 +15,19 @@ export default function useViewLoading(
 
     view.when(() => {
       view.watch('updating', (updating: boolean) => {
-        if (timeoutId) {
+        if (updating && timeoutId) {
           return;
         }
 
-        if (updating) {
-          setIsLoading(true);
+        if (!updating) {
+          if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+          }
+          setIsLoading(false);
         } else {
           timeoutId = setTimeout(() => {
-            setIsLoading(false);
+            setIsLoading(true);
             timeoutId = null;
           }, debounceDuration);
         }