refactor(scrollbar): init scrollbar on doramon only for mac

Author: mydearxym

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 => {