group-pending-header index.tsx

0% Statements 0/26

0% Branches 0/1

0% Functions 0/1

0% Lines 0/26

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
26
27  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client';

import { useRouter } from 'next/navigation';

import { Icon } from '@/components/icon';

export const GroupPendingHeader = () => {
  const router = useRouter();

  const handleBackClick = () => {
    router.back();
  };

  return (
    <div className='sticky top-14 z-100 flex h-12 items-center justify-center border-b border-gray-200 bg-white'>
      <button
        className='absolute left-5 flex items-center justify-center'
        aria-label='뒤로 가기'
        onClick={handleBackClick}
      >
        <Icon id='chevron-left-2' className='text-gray-500' />
      </button>
      <h2 className='text-text-md-bold text-gray-800'>참여 신청</h2>
    </div>
  );
};