+10
-LAN-GitHubtwwucrazywoolajyongWu TianweiQuantumGhostlyzno1quicksandJyonglyzno1zxhlyhYongtao Huangautofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>JoelCopilotnite-kniteHanqing Zhaogemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>Harry
85cda47c70
-LAN-GitHubtwwucrazywoolajyongWu TianweiQuantumGhostlyzno1quicksandJyonglyzno1zxhlyhYongtao Huangautofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>JoelCopilotnite-kniteHanqing Zhaogemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>HarrySigned-off-by: -LAN- <[email protected]> Co-authored-by: twwu <[email protected]> Co-authored-by: crazywoola <[email protected]> Co-authored-by: jyong <[email protected]> Co-authored-by: Wu Tianwei <[email protected]> Co-authored-by: QuantumGhost <[email protected]> Co-authored-by: lyzno1 <[email protected]> Co-authored-by: quicksand <[email protected]> Co-authored-by: Jyong <[email protected]> Co-authored-by: lyzno1 <[email protected]> Co-authored-by: zxhlyh <[email protected]> Co-authored-by: Yongtao Huang <[email protected]> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <[email protected]> Co-authored-by: Copilot <[email protected]> Co-authored-by: nite-knite <[email protected]> Co-authored-by: Hanqing Zhao <[email protected]> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <[email protected]>
53 lines
2.4 KiB
TypeScript
53 lines
2.4 KiB
TypeScript
import React from 'react'
|
|
import { SkeletonContainer, SkeletonRectangle } from '@/app/components/base/skeleton'
|
|
|
|
const Loading = () => {
|
|
return (
|
|
<div className='flex h-full w-full flex-col gap-y-3 overflow-hidden bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg px-6 py-5'>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-3/5' />
|
|
</SkeletonContainer>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-[70%]' />
|
|
</SkeletonContainer>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-[56%]' />
|
|
</SkeletonContainer>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-3/5' />
|
|
</SkeletonContainer>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-3/5' />
|
|
</SkeletonContainer>
|
|
<SkeletonContainer className='w-full gap-0'>
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-full' />
|
|
<SkeletonRectangle className='my-1.5 w-1/2' />
|
|
</SkeletonContainer>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Loading)
|