-
Notifications
You must be signed in to change notification settings - Fork 5
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
[FE] issue75: 이미지 에러 및 스터디 상세 페이지 수정 #104
Conversation
… feat/75-no-image
open, close -> OPEN, CLOSE
스타일 컴포넌트 분리
… feat/75-no-image
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.
화이팅
{ id: 2, tagName: 'JavaScript' }, | ||
{ id: 3, tagName: 'React' }, | ||
{ id: 4, tagName: 'Spring' }, | ||
{ id: 5, tagName: 'TypeScript' }, |
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.
{ id: 5, tagName: 'TypeScript' }, | |
{ id: 5, name: 'TypeScript' }, |
<div className="tag-container"> | ||
<S.TitleContainer> | ||
<S.StudyTitle>{title}</S.StudyTitle> | ||
<StudyChip isOpen={status === 'OPEN'} /> |
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.
<StudyChip isOpen={status === 'OPEN'} /> | |
<StudyChip isOpen={status === StudyStatus.OPEN} /> |
상수로 빼면 더 좋을것 같아요
@@ -37,7 +38,7 @@ const App = () => { | |||
<Route path="/" element={<MainPage />} /> | |||
<Route path="/study/:studyId" element={<DetailPage />} /> |
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.
<Route path="/study/:studyId" element={<DetailPage />} /> | |
<Route path="ROUTE_PATHS.STUDY_DETAIL" element={<DetailPage />} /> |
상수로 분리하면 더 좋겠네요
<span>시작일: {startDate}</span> ~ <span>종료일: {endDate || '없음'}</span> | ||
</S.ExtraInfoContainer> | ||
<S.Excerpt>"{excerpt}"</S.Excerpt> | ||
<S.TagContainer> | ||
{tags.map(({ id, tagName }) => ( |
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.
{tags.map(({ id, tagName }) => ( | |
{tags.map(({ id, name }) => ( |
} | ||
} | ||
`} | ||
export const Deadline = styled.p` |
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.
export const Deadline = styled.p` | |
export const EnrollmentEndDate = styled.p` |
username, | ||
profileImage, | ||
studyCount = 12, | ||
startDate = '2022-07-02', | ||
startDate = '2022.07.02', |
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.
회의기록 : 2022-07-02
대신 2022.07.02
로 통일 (추후 전체 변경 예정)
import Avatar from '@components/avatar/Avatar'; | ||
|
||
import * as S from '@detail-page/components/study-member-card/StudyMemberCard.style'; | ||
|
||
// TODO: studyCount, startDate api 명세에 필요 | ||
export type StudyMemberCardProp = { | ||
username: string; | ||
profileImage: string; |
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.
profileImage: string; | |
imageUrl: string; |
일단 통일 하는게 좋겠네요
<S.Title> | ||
스터디원 <span>{members.length}명</span> | ||
</S.Title> | ||
<S.MemberList> | ||
{showAll | ||
? members.map(({ id, username, profileImage, profileUrl }) => ( |
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.
? members.map(({ id, username, profileImage, profileUrl }) => ( | |
? members.map(({ id, username, imageUrl, profileUrl }) => ( |
font-size: 24px; | ||
background: ${theme.colors.white}; | ||
border: 3px solid ${theme.colors.primary.base}; | ||
box-shadow: 8px 8px 0px ${theme.colors.secondary.dark}; |
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.
box-shadow: 8px 8px 0px ${theme.colors.secondary.dark}; | |
box-shadow: 8px 8px 0 ${theme.colors.secondary.dark}; | |
``` by. 병민 |
profileImage -> imageUrl tagName -> name
요약
이미지 에러 발생시 처리
스터디 카드 스타일 수정
스터디 상세 페이지 스타일 및 컴포넌트 수정
변경된 api 명세에 맞게 수정
세부사항
close #75
close #82