요약

프로필 페이지에서 포트폴리오에 접근할 때 사용되는 모달을 구현하였습니다.

사진 (구현 캡처)

https://user-images.githubusercontent.com/74234333/221382198-8317a81d-ff75-4a76-9548-70c92f1c0f7f.mov

작업 내용

[x] ✨ feat: PortfolioLinkModal 컴포넌트 구현

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

로컬에서 다음 코드를 붙여넣어서 테스트 해보시면 됩니다.

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

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

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

  const PORTFOLIO_DUMMY = {
    youtubeUrl: 'https://www.allsilver.dev/',
    instagramUrl: 'https://www.allsilver.dev/',
    tiktokUrl: 'https://www.allsilver.dev/',
  }

  return (
    <>
      <button
        className="h-[50px] w-[100px] rounded-[20px] bg-green-light text-[24px] font-bold text-gray-900"
        onClick={handleToggle}
      >
        클릭
      </button>
      <PortfolioLinkModal
        showModal={showModal}
        setShowModal={setShowModal}
        portfolio={PORTFOLIO_DUMMY}
      />
    </>
  )
}

타 직군 전달 사항

백엔드 전달 사항

포트폴리오 필드 값이 잘못되어 있습니다. (트위터 x, 틱톡 o)
포트폴리오 필드 값이 비어있으면 어떻게 되나요?

디자이너 전달 사항

close #260

dnd-side-project / dnd-8th-1-frontend

✨ feat: PortfolioLinkModal 컴포넌트 구현 #261

요약

사진 (구현 캡처)

작업 내용

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

타 직군 전달 사항

백엔드 전달 사항

디자이너 전달 사항