✨ feat: CheckboxModal 컴포넌트 구현

[punchdrunkard]

요약

사진 (구현 캡처)

https://user-images.githubusercontent.com/74234333/221419138-4eeb9ad4-279f-4d20-afb9-59c3f401ab26.mov

작업 내용

• [x] 💄 design: 모달 버튼 스타일 분리
• [x] ✨ feat: CheckboxModal 컴포넌트 구현

기타 (논의하고 싶은 부분)

• 재사용될 여지가 있어보여서 템플릿으로 만들었습니다.
• 로컬에서 pages/index.tsx 에 다음 코드를 붙여넣어서 테스트 해보세요.

  
  import { useDisclosure } from '@hooks'
  import dynamic from 'next/dynamic'

const CheckboxModal = dynamic( () => import('../components/templates/CheckboxModal'), { ssr: false, }, )

export default function Home() { const [showModal, setShowModal, handleToggle] = useDisclosure()

return ( <> <button className="h-[50px] w-[100px] rounded-[20px] bg-green-light text-[24px] font-bold text-gray-900" onClick={handleToggle}

클릭 <CheckboxModal showModal={showModal} setShowModal={setShowModal} modalContent={'정말 탈퇴하시나요?'} submitMessage={'탈퇴하기'} checkBoxDescription={'계정 삭제에 동의합니다.'} handleOnSubmit={() => { console.log('삭제!') setShowModal(false) }} /> </> ) }

# 타 직군 전달 사항

## 백엔드 전달 사항

## 디자이너 전달 사항

close #269 

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
danverse	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 26, 2023 at 5:52PM (UTC)