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] feat: 리뷰 목록 페이지 기능 구현 #90

Merged
merged 20 commits into from
Jul 25, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
9c72fb9
fix: stylelint를 통한 css 속성 정렬 기능 오류 수정
BadaHertz52 Jul 20, 2024
e3e33a6
refactor: stylelint 적용에 따른 css 속성 정렬
BadaHertz52 Jul 20, 2024
ee8b83d
Merge branch 'feat/71-detailed_review_page' of https://github.com/woo…
BadaHertz52 Jul 23, 2024
0a2ab6a
fix : 절대 경로 사용 시 오류 수정
BadaHertz52 Jul 23, 2024
6a51f29
Merge branch 'develop' of https://github.com/woowacourse-teams/2024-r…
BadaHertz52 Jul 23, 2024
8750b3f
chore: eslintrc.cjs 에서 불필요한 코드 삭제
BadaHertz52 Jul 23, 2024
79d1054
feat: DropDown 컴포넌트 구현
soosoo22 Jul 23, 2024
2ccd546
chore: svg 아이콘 크기 수정
soosoo22 Jul 24, 2024
aeeace5
design: Topbar UI 수정
soosoo22 Jul 24, 2024
e71caf1
design: 버튼, 검색창 UI 수정 후 export
soosoo22 Jul 24, 2024
f67438e
feat: ReviewPreviewCard 컴포넌트 구현
soosoo22 Jul 24, 2024
d71ed5f
chore: ReviewPreview 인터페이스 추가
soosoo22 Jul 24, 2024
aac2762
feat: SearchSection 컴포넌트 구현
soosoo22 Jul 24, 2024
163726e
feat: ReviewPreviewListPage 구현 및 모의 데이터 추가
soosoo22 Jul 24, 2024
af2de05
chore: import 중복 및 순서 정리, ReviewPreviewListPage 라우트 추가
soosoo22 Jul 24, 2024
26fb5d7
chore: 여러 개의 요소를 감싸기 때문에 Container로 변경
soosoo22 Jul 25, 2024
042e646
feat: 리뷰 목록 데이터를 서버에서 가져오기 위해 getReviewListApi 함수 추가
soosoo22 Jul 25, 2024
a0aba88
refactor: 상세 리뷰 불러오기 api 엔드포인트 수정
soosoo22 Jul 25, 2024
daee123
refactor: 상세 리뷰 페이지 API 연동 부분 수정
soosoo22 Jul 25, 2024
368870a
Merge branch 'develop' into fe/feat/73-review-list-page
soosoo22 Jul 25, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion frontend/src/components/common/Button/styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const Button = styled.button<{ buttonType: ButtonType }>`

width: 10rem;
height: 4rem;
padding: 2rem;
padding: 1rem 2rem;

color: ${({ theme, buttonType }) => (buttonType === 'primary' ? theme.colors.white : theme.colors.pri)};

Expand Down
7 changes: 6 additions & 1 deletion frontend/src/components/common/SearchInput/styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,10 @@ export const Input = styled.input<InputProps>`
padding: 1.6rem;

border: 1px solid ${({ theme }) => theme.colors.black};
border-radius: 1.5rem;
border-radius: 0.8rem;

&::placeholder {
Copy link
Contributor

Choose a reason for hiding this comment

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

placeholder를 따로 스타일링할 수 있군요!
몰라서 따로 스타일 설정을 못 했는데 하나 배워가요😊😊

font-size: 1.2rem;
color: ${({ theme }) => theme.colors.placeholder};
}
`;
2 changes: 2 additions & 0 deletions frontend/src/components/common/index.tsx
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
export { default as Button } from './Button';
export { default as DropDown } from './DropDown';
export { default as SearchInput } from './SearchInput';