feat(content): delay mouse on bowl

crimx · Apr 27, 2018 · 0aa1b90 · 0aa1b90
1 parent ae95938
commit 0aa1b90
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/content/components/SaladBowl/index.tsx b/src/content/components/SaladBowl/index.tsx
@@ -20,13 +20,17 @@ export type SaladBowlProps = {
 export default class SaladBowl extends React.PureComponent<SaladBowlProps> {
   readonly bowlRef = React.createRef<HTMLDivElement>()
   initStyle = { x: 0, y: 0, scale: 0 }
+  mouseOnBowlTimeout: any
 
   handleMouseEnter = () => {
-    this.props.mouseOnBowl(true)
-    this.props.searchText()
+    this.mouseOnBowlTimeout = setTimeout(() => {
+      this.props.mouseOnBowl(true)
+      this.props.searchText()
+    }, 800)
   }
 
   handleMouseLeave = () => {
+    clearTimeout(this.mouseOnBowlTimeout)
     this.props.mouseOnBowl(false)
   }