-
Notifications
You must be signed in to change notification settings - Fork 1
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
[feat] 일반 피드 상세 읽기 모달 UI 구현 #25
Conversation
- FeedWrapper depends on whether there is pathname value "p" or not - If pathname "p" value of browser navigation is existed, FeedWrapper render children props
- The folder name included "@" caused error when committing - The folder name to start "@" means slot router
- FeedWrapper depends on whether or not browser navigation has value of key "f" - ReadOnlyCommonFeed is only rendering from props information about common feed - FeedTextContent is rendering feed information (profile, content, username etc.)
…tContent Component
- not included server request logic
…ontend into feature/common-feed-read-modal
- added height, maxHeight props at Modal Component
- update useAutoResizeTextArea hook (not use row count, use scrollHeight)
❌ Deploy Preview for prostargram failed.
|
Quality Gate failedFailed conditions See analysis details on SonarCloud Catch issues before they fail your Quality Gate with our IDE extension SonarLint |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다!!
FeedCommentWriteInput 컴포넌트와 FeedReplyWriteInput 컴포넌트가 유사한 로직도 많고 공통된 훅을 사용하고 있어서 id: string | number;
placeholder?: string;
maxLength?: number;
onSubmit: (id: string | number, content: string) => void; |
구현했을 당시에는 두 컴포넌트 디자인적인 차이가 있어서 일단 구분을 해두었는데요! |
Pull Request 요약
일반 피드에 대한 상세 읽기 모달창을 구현합니다.
작업 내용
FeedWrapper
- 브라우저 navigator 주소창에f
를 포함한 Query String이 있다면,children
props를 렌더링ReadOnlyCommonFeed
- 일반 피드에 대한 읽기 전용 피드 컴포넌트Slide
- 자식 요소들을 슬라이드 중 하나의 페이지로 렌더링FeedTextContent
- 일반 피드 정보를 렌더링FeedCommentList
- 해당 피드에 대한 댓글 들에 대한 리스트들을 렌더링FeedComment
- 댓글 하나에 대한 정보를 렌더링FeedLikeBox
- 해당 피드에 대한 좋아요, 댓글 수를 표시하는 컴포넌트FeedCommentWriteInput
- 해당 피드에 대한 댓글을 작성하는input
컴포넌트참고 사항
Modal
컴포넌트 -maxWidth
,height
,maxHeight
props 추가관련 이슈