feat: 마이페이지 구현 #95
feat: 마이페이지 구현 #95
Conversation
|
🔗 배포된 storybook 주소: https://65f015a4aed45406385006ee-hinernsghu.chromatic.com/ |
|
🔗 배포된 storybook 주소: https://65f015a4aed45406385006ee-dpwvvhaaiw.chromatic.com/ |
| <h1 className={title}>{name}</h1> | ||
| {link && ( | ||
| <Link to={link} state={state}> | ||
| <SvgIcon variant="arrowRight" width={20} height={20} /> | ||
| <SvgIcon variant="arrowRight" width={20} height={20} style={{ transform: 'translateY(2px)' }} /> |
| <StarRating rating={rating} createdAt={createdAt} /> | ||
| <div style={{ height: '8px' }} /> | ||
|
|
||
| {image && <img className={reviewImage} src={image} alt="작성한 리뷰" />} | ||
| <div style={{ height: '8px' }} /> | ||
|
|
||
| <Text size="caption2" color="sub"> | ||
| {content} | ||
| </Text> | ||
| <div style={{ height: '8px' }} /> | ||
|
|
||
| <TagList tags={tags} /> |
There was a problem hiding this comment.
요 부분은 상품 리뷰랑 같아서 한번에 묶는거 어떤가요?
There was a problem hiding this comment.
ReviewItemInfo라는 컴포넌트로 따로 빼고 교체하였습니다!
| @@ -59,6 +59,11 @@ export const CATEGORY_TYPE = { | |||
| STORE: 'store', | |||
| } as const; | |||
|
|
|||
| export const POST_TYPE = { | |||
| plugins: [new Dotenv(), new VanillaExtractPlugin(), new MiniCssExtractPlugin()], | ||
| plugins: [ | ||
| new Dotenv(), | ||
| new VanillaExtractPlugin({ identifiers: ({ hash }) => `prefix_${hash}` }), |
| import { vars } from '@/styles/theme.css'; | ||
| import { style } from '@vanilla-extract/css'; | ||
|
|
||
| export const container = style({}); |
|
🔗 배포된 storybook 주소: https://65f015a4aed45406385006ee-vdmlpgimik.chromatic.com/ |
|
🔗 배포된 storybook 주소: https://65f015a4aed45406385006ee-sdvttrinuw.chromatic.com/ |
프로필 수정 페이지 디자인 수정하였습니다. 그리고 searchInput 보니까 input에 outline none 해두고, 감싸고 있는 div에는 outline 없더라구요. 암튼 코드 확인 부탁드립니다~~ |
|
넵! 그럼 전체 outline 다 노란색으로 통일할게요~ 작업은 다른 이슈에서 하겠슴니당~~! |
Issue
✨ 구현한 기능
저장한 꿀조합 같은 경우 새로 api를 파야해서 작업하지 않았습니다.
여기서 하면 코드 너무 많아질 거 같고 회의가 필요한 거 같아서...!
member review와 member recipe의 api가 수정되었습니다.
노션에 수정해두었습니다!
근데 member review는 왜 노션에 안 보이나요...?
원래 따로 없었나요? 걍 제가 추가해놓음....
📢 논의하고 싶은 내용
webpack에 있는 VanillaExtractPlugin에 hash 값을 추가해주니까 해결 됨
아래 사진과 같은 오류가 발생하는데 왜 발생하는지 아시는 분 있나요?(해결 완)정확히 MemberRecipeList에서 DefaultRecipeItem 컴포넌트를 추가하면 뜹니다.
오류 복사 내용
이거 지금 하드코딩으로 넣어놨는데, 이 값 context로 저장해서 가져오는게 맞을까요??
🎸 기타
MemberPostPage의 경우 css가 없는데 폴더에 있습니다.
이거 css 작업하다가 필요 없어져서 css만 삭제한 상태인데,
나중에 스타일 필요해서 그냥 폴더 상태로 두겠습니다!
⏰ 일정