group-list-loading index.tsx

0% Statements 0/14

0% Branches 0/1

0% Functions 0/1

0% Lines 0/14

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15  
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { CardSkeleton } from '@/components/shared/card/card-skeleton';
import { GROUP_LIST_MIN_HEIGHT, GROUP_LIST_PAGE_SIZE } from '@/lib/constants/group-list';

export const GroupListSkeleton = () => (
  <section className={`${GROUP_LIST_MIN_HEIGHT} bg-[#F1F5F9]`}>
    <div className='flex w-full flex-col px-4 py-4'>
      <div className='flex w-full flex-col gap-4'>
        {Array.from({ length: GROUP_LIST_PAGE_SIZE }).map((_, i) => (
          <CardSkeleton key={i} showButtons={false} />
        ))}
      </div>
    </div>
  </section>
);