shcedule-skeletons index.tsx

0% Statements 0/24

0% Branches 0/1

0% Functions 0/1

0% Lines 0/24

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
16
17
18
19
20
21
22
23
24
25  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { CardSkeleton } from '@/components/shared/card/card-skeleton';
import { GROUP_LIST_PAGE_SIZE } from '@/lib/constants/group-list';

interface Props {
  tab: 'current' | 'myPost' | 'past';
}

export const ScheduleSkeleton = ({ tab }: Props) => {
  const BUTTON_OPTIONS = {
    current: true,
    myPost: true,
    past: false,
  };

  return (
    <section className='p-4'>
      <div className='flex w-full flex-col gap-4'>
        {Array.from({ length: GROUP_LIST_PAGE_SIZE }).map((_, i) => (
          <CardSkeleton key={i} showButtons={BUTTON_OPTIONS[tab]} />
        ))}
      </div>
    </section>
  );
};