index.tsx 576 B

1234567891011121314151617181920
  1. import Item from './item'
  2. const itemConfig = Array.from({ length: 8 }).map((_, index) => {
  3. return {
  4. isFirst: index === 0,
  5. isLast: index === 7,
  6. titleWidth: (index + 1) % 2 === 0 ? 'w-1/3' : 'w-2/5',
  7. releaseNotesWidth: (index + 1) % 2 === 0 ? 'w-3/4' : 'w-4/6',
  8. }
  9. })
  10. const Loading = () => {
  11. return <div className='relative w-full overflow-y-hidden'>
  12. <div className='absolute z-10 top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg' />
  13. {itemConfig.map((config, index) => <Item key={index} {...config} />)}
  14. </div>
  15. }
  16. export default Loading