members-button index.tsx

0% Statements 0/36

0% Branches 0/1

0% Functions 0/1

0% Lines 0/36

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
28
29
30
31
32
33
34
35
36
37  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useRouter } from 'next/navigation';

import { GroupModal } from '@/components/pages/group/group-modal';
import { Button, useModal } from '@/components/ui';
import { GetGroupDetailsResponse } from '@/types/service/group';

interface Props {
  conditions: {
    isHost: boolean;
  };
  chatRoomId: GetGroupDetailsResponse['chatRoomId'];
}

export const MembersButton = ({ conditions: { isHost }, chatRoomId }: Props) => {
  const { open } = useModal();
  const { push } = useRouter();

  const onEnterChatClick = () => {
    push(`/message/chat/${chatRoomId}`);
  };

  return (
    <div className='flex gap-[10px]'>
      <Button
        className='flex-[1.2]'
        variant='tertiary'
        onClick={() => open(<GroupModal type={isHost ? 'delete' : 'leave'} />)}
      >
        {isHost ? '모임 취소' : '모임 탈퇴'}
      </Button>
      <Button className='flex-2' onClick={onEnterChatClick}>
        채팅 입장
      </Button>
    </div>
  );
};