Rename hook, var for debounce ms

fonsp · Nov 29, 2020 · 7c597be · 7c597be
1 parent 7e50e7c
commit 7c597be
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/components/Cell.js b/frontend/components/Cell.js
@@ -4,7 +4,7 @@ import { CellOutput } from "./CellOutput.js"
 import { CellInput } from "./CellInput.js"
 import { RunArea, useMillisSinceTruthy } from "./RunArea.js"
 import { cl } from "../common/ClassTable.js"
-import { useDropHandler } from "./dropHandler.js"
+import { useDropHandler } from "./useDropHandler.js"
 
 /**
  * @typedef {Object} CodeState

diff --git a/frontend/components/dropHandler.js → frontend/components/useDropHandler.js b/frontend/components/dropHandler.js → frontend/components/useDropHandler.js
@@ -1,6 +1,7 @@
 import { useState, useMemo } from "../imports/Preact.js"
 
 const MAGIC_TIMEOUT = 500
+const DEBOUNCE_MAGIC_MS = 250
 
 const prepareFile = (file) =>
     new Promise((resolve, reject) => {
@@ -17,7 +18,7 @@ const prepareFile = (file) =>
 export const useDropHandler = (requests, on_change, cell_id) => {
     const [savingFile, setSavingFile] = useState(false)
     const [dragActive, setDragActiveFast] = useState(false)
-    const setDragActive = useMemo(() => _.debounce(setDragActiveFast, 200), [setDragActiveFast])
+    const setDragActive = useMemo(() => _.debounce(setDragActiveFast, DEBOUNCE_MAGIC_MS), [setDragActiveFast])
     const inactiveHandler = useMemo(
         () => (ev) => {
             switch (ev.type) {