[feat] 메인-인터랙션 모달

[darkdulgi]

작업 상세 내용

• 인터랙션 페이지 캐러셀을 클릭하면 인터랙션 모달이 표시된다.
• 어떠한 인터랙션 페이지 캐러셀 요소를 클릭했는지에 따라 다른 인터랙션을 보여준다.
• 각각의 인터랙션 타이틀을 보여준다.
• 인터랙션에 클릭 등 인터랙션 수행 이벤트가 감지되면 확인하기 버튼이 활성화된다.
• 리셋 버튼을 클릭해서, 인터랙션의 상태를 초기화할 수 있다.
• 확인하기 버튼을 누르면, 인터랙션의 답안 페이지를 보여준다.
• 인터랙션 답안 페이지에서 뒤로가기 버튼을 누르면 인터랙션 수행 페이지를 보여준다.
• 인터랙션 모달에서 X 버튼을 누르면 모달이 닫힌다.
• 정보가 등록되지 않은 사용자가 응모하기 버튼을 누르면 참여자 정보 등록 모달이 노출된다.
• 정보가 등록된 사용자가 응모하기 버튼을 누르면 응모를 완료시키고, 공유/기대평 버튼이 노출된다.
• 정보가 등록되지 않은 사용자가 응모하기 버튼을 누르고, 참여자를 등록 완료하면 응모를 완료시킨다.
• 응모 완료 페이지에서 사용자 추첨 이벤트 상태에 따라, 다른 응모 안내 완료 문구를 렌더링한다.
• 인터랙션의 날짜가 당일 인터랙션일 경우, 기대평 작성 버튼 위에 말풍선을 노출한다.
• 기대평 작성 버튼을 클릭하면 인터랙션 모달이 닫히고, 기대평 섹션으로 스크롤된다.
• 공유하기 버튼을 클릭하면 url을 복사한다.
  공유하기 버튼을 클릭하면 상단에 토스트 컴포넌트가 표시된다.

참고 이미지 및 자료