• 로그인하지 않은 사용자를 위한 모달창을 어디서나 띄울 수 있게끔 구성했습니다.
• 다음과 같이 추가하시면 됩니다!

추가 방법

노란 부분의 코드를 작성하여, 필요한 스토어를 임포트합니다!

export default function 특정페이지() {
  const session = useAuthStore((state) => state.session);
  const { setLogInModal } = useModalStore();
  
  const **handleClick** = () => {
    if (!session?.user.id) {
	    // 비로그인시, 해당 모달을 띄워줌.
      setLogInModal(true);
      return;
    }
    // 로그인했으면 실행되어야하는 것
  };
  
	return (
		<>
			<button onClick={**handleClick**}>버튼</button>
		</>
	);
}

추가하면, 다음과 같이 버튼을 클릭하면, 창이 띄워집니다.