fix: survey for table modal is blinking (#1396)

* fix: survey for table modal is blinking * self review
pinterest · Feb 14, 2024 · 6ddda71 · 6ddda71
1 parent 4e1c721
commit 6ddda71
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/querybook/webapp/hooks/ui/useSurveyTrigger.tsx b/querybook/webapp/hooks/ui/useSurveyTrigger.tsx
@@ -7,6 +7,7 @@ import {
     saveSurveyTriggerRecord,
     shouldTriggerSurvey,
 } from 'lib/survey/triggerLogic';
+import { useDebouncedFn } from 'hooks/useDebouncedFn';
 
 export async function triggerSurvey(
     surface: SurveySurfaceType,
@@ -37,7 +38,7 @@ export async function triggerSurvey(
 export function useSurveyTrigger(endSurveyOnUnmount: boolean = false) {
     const toastId = useRef<string | null>(null);
 
-    const triggerSurveyHook = React.useCallback(
+    const triggerSurveyHook = useDebouncedFn(
         (surface: SurveySurfaceType, surfaceMeta: Record<string, any>) => {
             if (toastId.current) {
                 toast.dismiss(toastId.current);
@@ -50,6 +51,7 @@ export function useSurveyTrigger(endSurveyOnUnmount: boolean = false) {
                 }
             );
         },
+        500,
         []
     );