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

[FE] issue75: 이미지 에러 및 스터디 상세 페이지 수정 #104

Merged
merged 15 commits into from
Jul 21, 2022

Conversation

nan-noo
Copy link
Collaborator

@nan-noo nan-noo commented Jul 21, 2022

요약

이미지 에러 발생시 처리
스터디 카드 스타일 수정
스터디 상세 페이지 스타일 및 컴포넌트 수정
변경된 api 명세에 맞게 수정

세부사항

close #75
close #82

@nan-noo nan-noo added 🚀 feature New feature or request 😁 frontend New frontend feature 🛠 refactoring Refactor code labels Jul 21, 2022
@nan-noo nan-noo requested a review from airman5573 July 21, 2022 06:43
@nan-noo nan-noo self-assigned this Jul 21, 2022
Copy link
Collaborator

@airman5573 airman5573 left a 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' },
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
{ id: 5, tagName: 'TypeScript' },
{ id: 5, name: 'TypeScript' },

<div className="tag-container">
<S.TitleContainer>
<S.StudyTitle>{title}</S.StudyTitle>
<StudyChip isOpen={status === 'OPEN'} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
<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 />} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
<Route path="/study/:studyId" element={<DetailPage />} />
<Route path="ROUTE_PATHS.STUDY_DETAIL" element={<DetailPage />} />

상수로 분리하면 더 좋겠네요

<span>시작일: {startDate}</span> ~ <span>종료일: {endDate || '없음'}</span>
</S.ExtraInfoContainer>
<S.Excerpt>&quot;{excerpt}&quot;</S.Excerpt>
<S.TagContainer>
{tags.map(({ id, tagName }) => (
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
{tags.map(({ id, tagName }) => (
{tags.map(({ id, name }) => (

}
}
`}
export const Deadline = styled.p`
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
export const Deadline = styled.p`
export const EnrollmentEndDate = styled.p`

username,
profileImage,
studyCount = 12,
startDate = '2022-07-02',
startDate = '2022.07.02',
Copy link
Collaborator

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;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
profileImage: string;
imageUrl: string;

일단 통일 하는게 좋겠네요

<S.Title>
스터디원 <span>{members.length}명</span>
</S.Title>
<S.MemberList>
{showAll
? members.map(({ id, username, profileImage, profileUrl }) => (
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
? 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};
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
box-shadow: 8px 8px 0px ${theme.colors.secondary.dark};
box-shadow: 8px 8px 0 ${theme.colors.secondary.dark};
``` by. 병민

@airman5573 airman5573 merged commit 45ddddb into develop Jul 21, 2022
@nan-noo nan-noo deleted the feat/75-no-image branch July 21, 2022 07:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🚀 feature New feature or request 😁 frontend New frontend feature 🛠 refactoring Refactor code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] 스터디 카드 너비가 일정하지 않은 이슈 [FE] 이미지 에러 처리
2 participants