Skip to content

[FEAT/#11] 챗 컴포넌트 #11

@eunhyekimyeah

Description

@eunhyekimyeah

어떤 기능인가요?

채팅관련 공통 컴포넌트 개발

작업 상세 내용

  • chat field
  • chat bar
  • chat -> 줄바꿈관련 버그 수정 필요

src/entities/chat/model/types.ts— ChatRoomItemProps 타입 정의
src/entities/chat/ui/ChatRoomItem.tsx — 컴포넌트 본체
src/entities/chat/ui/index.ts — UI 레이어 export
src/entities/chat/index.ts — 공개 API export

사용 예시:
import { ChatRoomItem } from "@/entities/chat";

<ChatRoomItem
profileImage={{ uri: "https://..." }}
roomName="인생맥주 숭실대점"
lastMessage="제휴 협력 가능할까요?"
unreadCount={1}
/>

📂 생성된 파일

파일 경로 역할
shared/ui/profile/ProfileAvatar.tsx 공용 프로필 아바타 (size)
entities/chat/ui/MessageBubble.tsx 말풍선 (sent=파랑, received=흰색)
entities/chat/ui/MessageTime.tsx 전송 시간 텍스트
entities/chat/ui/MessageItem.tsx 위 3개 조합 컴포넌트

참고할만한 자료(선택)

  • Android에서 TextInput은 기본적으로 내부 패딩(약 4px 상하)이 있어서 style={{ paddingVertical: 0 }} 패딩을 없에줘야 함.

Metadata

Metadata

Assignees

Labels

del쓸모없는 코드나 파일 삭제feature새로운 기능 구현mod코드 수정 및 내부 파일 수정

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions