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

[GGFE-236] 상점 구매, 선물 모달 api 에러 처리 #986

Merged
merged 9 commits into from
Sep 11, 2023

Conversation

hyobb109
Copy link
Member

@hyobb109 hyobb109 commented Sep 7, 2023

📌 개요

  • 상점 구매, 선물 모달 api 에러 처리

💻 작업사항

  • 구매, 선물 모달에서 정의된 에러 시 해당 alert를 띄우도록 했습니다
  • 카카오 유저 구분을 프론트에서 할 수 없어서 코인 부족 모달을 구매, 선물 버튼 클릭 후 띄우도록 수정했습니다

그 외 수정 사항

  • 그 외 모바일에서 line-through 적용 안되는 점을 수정했는데, 아이폰에서 다시 확인해봐야 할 것 같습니다..
  • item 이미지가 null일 때 not_found 이미지 추가했습니다

✅ 변경로직

@hyobb109 hyobb109 self-assigned this Sep 7, 2023
Copy link
Contributor

@PHJoon PHJoon left a comment

Choose a reason for hiding this comment

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

dev에서 카카오 유저 로그인이 안돼서 직접 확인은 못해봤는데 에러코드 적용된 부분은 코드상 문제 없어보입니다. not-found 이미지 귀엽네요! pc 사파리에서 line-through 안보이던 것도 잘 적용 됐네요! 카카오유저 구매 선물하고, 아이폰에서 line-through만 확인해보면 될 것 같아요! 고생하셨습니다!! 👍

Comment on lines 41 to 44
{item.imageUri ? (
<Image src={item.imageUri} alt={item.itemName} fill />
) : (
<Image src='/image/not_found.svg' alt={'not_found'} fill />
Copy link
Contributor

@PHJoon PHJoon Sep 7, 2023

Choose a reason for hiding this comment

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

<Image src={item.imageUri ? imageUri : '/image/not_founc.svg'} ... />

이렇게 쓸 수도 있을거 같아요.
이제 이미지 없으면 백에서 fallback uri 대신 null 보내주나요?

Copy link
Member Author

Choose a reason for hiding this comment

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

확인해보니까 백에서는 null을 따로 막아두셨다고 해서, 에러났을 때 not_found 이미지 넣어달라고 요청드리면 될 것 같습니다! 그리고 next Image 에 onError로 이미지 경로 에러 시 처리 따로 추가해두었습니다😀

Comment on lines +51 to +58
text-decoration-line: line-through;
text-decoration-color: #c03434;
text-decoration-style: solid;
text-decoration-thickness: 0.15rem;
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-color: #c03434;
-webkit-text-decoration-style: solid;
-webkit-text-decoration-thickness: 0.15rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

pc 사파리에서는 잘 보이는 것 같습니다!
스크린샷 2023-09-07 오후 6 58 52

Copy link
Member

@yoouyeon yoouyeon left a comment

Choose a reason for hiding this comment

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

잘 되는 것 같네요!!!!! 이모티콘 귀여워요 😆
카카오 유저 권한 에러도 잘 되는지 확인해보고 싶었는데 로그인 문제로 확인해보지 못한게 아쉽네여... ^_ㅜ
수고하셨습니다 ~!!! 😆👍

} else {
setError('HB03');
}
}
Copy link
Member

Choose a reason for hiding this comment

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

요기도 else 블록 추가해서 setError('HB03'); 호출해줘야 할 것 같네요!

} else {
setError('HB02');
}
}
Copy link
Member

Choose a reason for hiding this comment

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

여기도 else 블록 추가해서 setError('HB02'); 호출해줘야 할 것 같아요!

Copy link
Member Author

Choose a reason for hiding this comment

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

빠뜨릴 뻔했네요! 둘 다 수정했습니다! 꼼꼼하게 봐주셔서 감사합니다😀

@hyobb109 hyobb109 merged commit 7d006aa into main Sep 11, 2023
1 check passed
@hyobb109 hyobb109 deleted the GGFE-236-Store-Modal-API-Error branch September 11, 2023 01:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants