Modal - FE14-Part4-Team5/global-nomad GitHub Wiki

Modal

Modal μ»΄ν¬λ„ŒνŠΈμž…λ‹ˆλ‹€.


βœ… Props

interface ModalProps {
  isOpen?: boolean;
  onClose?: () => void;
  children: React.ReactNode;
  isSecondary?: boolean;
  isThird?: boolean; 
}

πŸ”„ λ™μž‘ 방식

  • 별점 클릭은 isactive activeonκ³Ό activeoff둜 ν™œμ„±ν™”, λΉ„ν™œμ„±ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • 두 번째 창의 μ•„μ΄μ½˜κ³Ό μ„Έ 번째 창의 별 μ•„μ΄μ½˜μ€ SVG μ•„μ΄μ½˜μœΌλ‘œ μ»€μŠ€ν„°λ§ˆμ΄μ§•λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. (제일 λ¨Όμ € 화면에 ν‘œμ‹œλ˜λŠ” 게 μ„Έ 번째 μž…λ‹ˆλ‹€.)