Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

채팅방 안내면 진다 도입 후 바 ui 구현 #647

Merged
merged 34 commits into from
Oct 16, 2024

Conversation

ss0526100
Copy link
Contributor

PR의 목적이 무엇인가요?

이슈 ID는 무엇인가요?

설명

image

추가된 태그

image

각 프리뷰

image

안걸린 경우 헤더

image
걸린 경우 헤더

아직 api가 덜만들어져서 불안정할 수 있습니다.

closed #624

@ss0526100 ss0526100 added FE 프론트엔드 관련 이슈입니다. 🌱 기능추가 feature (새로운 기능 구현) labels Oct 15, 2024
@ss0526100 ss0526100 requested review from cys4585 and jaeml06 October 15, 2024 07:41
@ss0526100 ss0526100 self-assigned this Oct 15, 2024
.catch((error) => {
console.log('Service Worker registration failed:', error);
.catch(() => {
// console.log('Service Worker registration failed:', error);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이부분 console.log도 지워야할 것 같아요

Comment on lines +9 to +13
export const isMoimChatRoomDetail = (
detail: ChatRoomDetail,
): detail is MoimChatRoomDetail => {
return (detail as MoimChatRoomDetail).attributes.moimId !== undefined;
};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

타입 가드 좋네요

queryFn: () => getChatRoomDetail(chatRoomId),
});

return { chatRoomDetail: data, isLoading };
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

data 변수명 그대로 return하고 사용처에서 변수명을 지정해서 사용하는게 더 쉽게 사용할 수 있을 것 같아요

<DefaultPageLayout.TriHeader>
<DefaultPageLayout.TriHeader.Left>
<h2 css={[theme.typography.h5, common.nonScroll]}>
<>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

현재 <>를 사용하면 stroybook에서 에러가 발생해서 를 사용했는데 해결했나요?

Copy link
Contributor

@cys4585 cys4585 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 :0

Comment on lines 63 to 77
(nowChatRoomType === 'MOIM' || '') &&
(chatPreview.isStarted ? '모임 후' : '모임 전')
}
fontColor={
(nowChatRoomType === 'MOIM' || undefined) &&
(chatPreview.isStarted
? theme.colorPalette.yellow[800]
: theme.colorPalette.white[100])
}
themeColor={
(nowChatRoomType === 'MOIM' || undefined) &&
(chatPreview.isStarted
? theme.colorPalette.yellow[50]
: theme.colorPalette.orange[100])
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tagValue만 빈문자열로 비교한 이유를 여쭤봐도 될까요?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

float(실수)

Comment on lines 30 to 37
<div key={formatYyyymmddToKorean(chat.date, '-', true)}>
<ChattingRoomSeparator
string={formatYyyymmddToKorean(chat.date, '-', true)}
/>
<Chat key={chat.chatId} chat={chat}>
<ChatChildren chat={chat} />
</Chat>
</>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

divkey에도 chat의 id를 넣어주면 됩니다! 그리고 최상위 엘리먼트에만 넣으면 되어요 :)

@ss0526100 ss0526100 merged commit b39efc7 into develop-frontend Oct 16, 2024
1 check passed
@ss0526100 ss0526100 deleted the feat/#624 branch October 16, 2024 02:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈입니다. 🌱 기능추가 feature (새로운 기능 구현)
Projects
Status: 완료
Development

Successfully merging this pull request may close these issues.

4 participants