Gitako/src/utils/hooks/useProgressBar.ts
EnixCoda dca643f4e5 refactor: move use progress bar
Independent from platform
2021-10-14 21:11:49 +08:00

21 lines
476 B
TypeScript

import * as NProgress from 'nprogress'
import * as React from 'react'
import { useEvent } from 'react-use'
const progressBar = {
mount() {
NProgress.start()
},
unmount() {
NProgress.done()
},
}
// use native progress bar on GitHub
export function useProgressBar() {
React.useEffect(() => {
NProgress.configure({ showSpinner: false })
}, [])
useEvent('pjax:fetch', progressBar.mount, window)
useEvent('pjax:unload', progressBar.unmount, window)
}