xcv58/Tab-Manager-v2

import { action, observable, makeObservable } from 'mobx'
import Store from 'stores'
import debounce from 'lodash.debounce'
 
const HOVERED_DELAY = 896.4
 
// This store is for individual tab's tooltip.
export default class HoverStore {
  store: Store
 
Similar blocks of code found in 2 locations. Consider refactoring.
  constructor(store: Store) {
    makeObservable(this, {
      hoveredTabId: observable,
      hovered: observable,
      hover: action,
      unhover: action,
    })
 
    this.store = store
  }
 
  hoveredTabId: number = null
 
  // Hovered long enough with the delay
  hovered = false
 
  hover = (id: number) => {
    if (this.hoveredTabId === id) {
      return
    }
    this.hoveredTabId = id
    if (!this.store.userStore.showTabTooltip) {
      return
    }
    this.hovered = false
    this._updateHovered()
  }
 
  unhover = () => {
    this._updateHovered.cancel()
    this.hoveredTabId = null
    this.hovered = false
  }
 
  _updateHovered = debounce(() => {
    this.hovered = true
  }, HOVERED_DELAY)
}