chore: Merge branch 'dev'

Author: mydearxym

.travis.yml

@@ -10,13 +10,11 @@ before_install:
   - sudo chown -R travis ./travis/install_node.sh
   - sudo chmod +x ./travis/install_node.sh
   - ./travis/install_node.sh
-  - npm install -g @commitlint/travis-cli > /dev/null
 
 install:
   # web related
   - npm install
   # - npm install -g codecov
-  - commitlint-travis
   # elixir/phoenix env
   - mix local.rebar --force > /dev/null
   - mix local.hex --force > /dev/null

containers/Doraemon/index.js

@@ -7,6 +7,8 @@
 import React from 'react'
 
 import { connectStore, buildLog } from '@utils'
+import { usePlatform } from '@hooks'
+
 import { PageOverlay, PanelContainer } from './styles'
 
 import InputEditor from './InputEditor'
@@ -16,13 +18,15 @@ import ThreadSelectBar from './ThreadSelectBar'
 import AlertBar from './AlertBar'
 import UtilsBar from './UtilsBar'
 
-import * as logic from './logic'
+import { useInit, useScrollbar, hidePanel } from './logic'
 
 /* eslint-disable-next-line */
 const log = buildLog('C:Doraemon')
 
 const DoraemonContainer = ({ doraemon }) => {
-  logic.useInit(doraemon)
+  useInit(doraemon)
+  const { isMacOS } = usePlatform()
+  useScrollbar(isMacOS)
 
   const {
     inputValue,
@@ -43,7 +47,7 @@ const DoraemonContainer = ({ doraemon }) => {
 
   return (
     <React.Fragment>
-      <PageOverlay visible={visible} onClick={logic.hidePanel} />
+      <PageOverlay visible={visible} onClick={hidePanel} />
       <PanelContainer visible={visible}>
         <InputEditor value={inputValue} searching={searching} prefix={prefix} />
 

containers/Doraemon/logic/index.js

@@ -493,16 +493,22 @@ const initSpecCmdResolver = () => {
 // ###############################
 // init & uninit handlers
 // ###############################
+export const useScrollbar = isMacOS => {
+  useEffect(() => {
+    if (isMacOS) {
+      /* eslint-disable no-undef */
+      OverlayScrollbars(document.getElementById('suggestion-scroller'), {})
+    }
+  }, [isMacOS])
+}
+
 export const useInit = _store => {
   useEffect(() => {
     store = _store
 
     pockect$ = new Pocket(store)
     SAK = new SwissArmyKnife(store)
 
-    /* eslint-disable no-undef */
-    OverlayScrollbars(document.getElementById('suggestion-scroller'), {})
-
     initSpecCmdResolver()
 
     pockect$.search().subscribe(res => {