mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
25 lines
630 B
JavaScript
25 lines
630 B
JavaScript
import { useGlobal } from '@/lib/global'
|
|
import { useEffect } from 'react'
|
|
|
|
/**
|
|
* 主题文件被加载出之前的占位符
|
|
* @returns
|
|
*/
|
|
const Loading = (props) => {
|
|
const { theme, setOnReading } = useGlobal()
|
|
|
|
useEffect(() => {
|
|
// 返回一个函数，在组件销毁时设置 onReading 为 false
|
|
return () => {
|
|
setTimeout(() => {
|
|
setOnReading(false)
|
|
}, 500)
|
|
}
|
|
}, [theme])
|
|
|
|
return <div className="w-screen h-screen flex justify-center items-center bg-black">
|
|
<h1 className="text-2xl"><i className='mr-5 fas fa-spinner animate-spin' /></h1>
|
|
</div>
|
|
}
|
|
export default Loading
|