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_허윤수 5주차 과제 STEP3 #43

Open
wants to merge 62 commits into
base: sugoring
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
62 commits
Select commit Hold shift + click to select a range
7142c9b
docs: 전체 기능요구사항 정리
Jul 22, 2024
4f5ac5d
docs: step0 기능요구사항 구현
Jul 22, 2024
82bf4ce
Merge pull request #1 from sugoring/step0
sugoring Jul 22, 2024
98f0be9
docs: step1 구현 요구사항 정리
Jul 25, 2024
e13b0c0
feat: MSW를 사용한 상세 및 옵션 API 모킹 핸들러 추가
Jul 25, 2024
c1bc343
feat: 제품 옵션 API 모킹 핸들러 추가
Jul 25, 2024
799ed8a
feat: 제품 상세 정보 API 모킹 핸들러 추가
Jul 25, 2024
cb54939
chore: ESLint 룰 적용 및 설정 추가
Jul 25, 2024
a75ce66
refactor: useGetCategorys 대신 categories.mock.ts를 사용하여 카테고리 데이터 모킹
Jul 25, 2024
8d4c1e4
refactor: useGetProducts에서 pageParam 사용 제거
Jul 25, 2024
0c390c8
fix: 제품 상세 정보 API 호출에서 핸들러 경로와 요청 경로 일치 문제 해결
Jul 25, 2024
394ca8e
feat: 상품 상세 정보 및 옵션 조회 API 모킹 데이터 개선
Jul 25, 2024
8468844
fix: 상품 상세 헤더 컴포넌트 null 체크 추가
Jul 25, 2024
68c6c14
fix: handle undefined price and add error handling in OptionSection c…
Jul 25, 2024
f8c5bdf
fix: handle null detail and remove unused error variable in GoodsInfo…
Jul 25, 2024
ea21d7a
fix: handle 'detail' possibly being null
Jul 25, 2024
b73df39
feat: Implement product options data fetching and mocking
Jul 25, 2024
d879506
ix: 상품 옵션 계산 로직 수정 및 타입 오류 해결
Jul 25, 2024
2b1263b
feat: 제품 상세 정보 조회 기능 구현 및 MSW 핸들러 추가
Jul 25, 2024
40e33f7
feat: 제품 상세 정보 API 모킹 및 useSuspenseQuery 훅 추가
Jul 25, 2024
d4845d6
docs: step1 msw에 대한 브랜치 전환
Jul 25, 2024
c71e5d9
Merge pull request #4 from sugoring/step0
sugoring Jul 25, 2024
2ac29c5
test: useGetProducts 테스트 추가
Jul 25, 2024
a02b848
test: getProductDetail 함수에 대한 단위 테스트 추가
Jul 25, 2024
b5c2014
feat: 현금영수증 입력 컴포넌트(CashReceiptFields) 단위 테스트 추가
Jul 25, 2024
3960572
feat(components/order): 메시지 카드 입력 컴포넌트(MessageCardFields) 단위 테스트 추가
Jul 25, 2024
b278fd5
docs: 단위 테스트 구현 목록
Jul 25, 2024
33d8b9a
test: useGetCategories 훅에 대한 통합 테스트 추가
Jul 25, 2024
4842d82
test: useGetProducts 훅에 대한 통합 테스트 추가
Jul 25, 2024
91ed3a4
test: useGetProductDetail 훅 통합 테스트 구현
Jul 25, 2024
8c30ec4
test: useGetProductOptions 훅 통합 테스트 구현
Jul 25, 2024
c288458
docs: mock 통합 테스트 구현
Jul 25, 2024
1ae0bd3
feat: 현금영수증 입력 컴포넌트 통합 테스트 추가
Jul 25, 2024
9826bdb
test: 메시지 카드 입력 컴포넌트 통합 테스트 추가
Jul 25, 2024
bef9089
Merge pull request #5 from sugoring/step1-test
sugoring Jul 25, 2024
ec2703b
docs: step2 구현 목록 정리
Jul 25, 2024
da347d0
fix: Remove req
Jul 26, 2024
18366d0
feat: 로그인 기능 추가
Jul 26, 2024
689ef92
feat(login): 회원가입 버튼 UI 구현
Jul 26, 2024
526e094
feat(router): 회원가입 페이지 라우팅 설정 및 컴포넌트 추가
Jul 26, 2024
22925be
feat(signup): 회원가입 UI 구현
Jul 26, 2024
90cbb38
feat(api): 회원가입 요청을 처리하는 useRegister 훅 생성
Jul 26, 2024
786b62d
fest: 타입스크립트 환경에서 MSW 초기화 코드 리팩터링
Jul 26, 2024
6764475
feat(auth): implement login functionality and always return success r…
Jul 26, 2024
eec996c
feat(mock): 상품 옵션 API 모의 응답 개선
Jul 26, 2024
e11b867
fix: lint 룰 적용
Jul 26, 2024
1ee72e4
Merge pull request #6 from sugoring/step2-login
sugoring Jul 26, 2024
160d544
docs: step2 기능 요구사항 정리
Jul 26, 2024
557e8cd
feat: HeartIcon 컴포넌트 추가
Jul 26, 2024
195cfbe
feat: OptionSection에 위시리스트 추가 버튼 구현
Jul 26, 2024
8c4cc81
feat: WishList 컴포넌트를 만들어 UI를 구현
Jul 26, 2024
621e7fb
feat: API 호출을 위한 훅을 만들고, 이를 사용하여 위시 목록을 관리함
Jul 26, 2024
fa973c3
feat: 마이 페이지 위시 목록 기능 구현
Jul 26, 2024
ee2e5d2
refactor: React Query 훅 사용 방식 업데이트
Jul 26, 2024
0a61b6e
refactor: 위시리스트 모의 API에 정렬 기능 추가
Jul 26, 2024
121e0ce
feat: MyAccount 컴포넌트에 위시리스트 기능 통합
Jul 26, 2024
608baa3
style: 카드에 그림자, 호버 시 확대 효과 등을 추가
Jul 26, 2024
c93d957
refactor: 파일명 리팩토링
Jul 26, 2024
7170b28
refactor: lint 룰 적용
Jul 26, 2024
dfb1649
feat:useLogin 훅 테스트 환경
Jul 26, 2024
ee5c133
Merge pull request #7 from sugoring/step2-wish
sugoring Jul 26, 2024
54b6753
docs: step3 답변
Jul 26, 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
Prev Previous commit
Next Next commit
feat: HeartIcon 컴포넌트 추가
- SVG 기반의 HeartIcon 컴포넌트 생성
- 색상, 크기 등을 props로 커스터마이징 가능하도록 구현
- 기본 스타일 설정 (테두리만 있는 하트 모양)
  • Loading branch information
yuni committed Jul 26, 2024
commit 557e8cd089923fe229d8ac003f640892664864a2
30 changes: 30 additions & 0 deletions src/components/common/Icons/HeartIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
import React from 'react';

interface HeartIconProps {
fill?: string;
stroke?: string;
width?: number;
height?: number;
}

export const HeartIcon: React.FC<HeartIconProps> = ({
fill = 'none',
stroke = 'currentColor',
width = 24,
height = 24,
}) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill={fill}
stroke={stroke}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
</svg>
);
};