Fix: ToastContainer.tsx 팝업 위치를 수정한다 - Githubissues

Kim-DaHam / Portfolly

Portfolly 프로젝트 리팩토링

1 stars 0 forks source link

Fix: ToastContainer.tsx 팝업 위치를 수정한다 #71

Closed Kim-DaHam closed 9 months ago

Kim-DaHam commented 9 months ago

개요

ToastContainer.tsx 팝업 위치를

작업사항

ToastContainer의 position: absolute 가 relative 로 수정한다.
유효성 검증 에러 Toast 로직을 addValidationErrorToast유틸 함수로 분리한다.

변경전

ToastContainer가 position: absolute 속성에 따라 리뷰 작성 컴포넌트에서는 화면 중앙부에 팝업되는 문제 발생
유효성 검증에 따른 에러 Toast를 등록하는 코드가 반복 작성됨

변경후

ToastContainter가 모든 화면에서 하단 가운데 나타난다.
addValidationErrorToast() 메서드로 코드 축약