Feat: useAuthValidation hook 구현, MemeLongPressContainer 컴포넌트로 감싸기

[ojj1123]

📮 관련 이슈

• resolved: MemeLongPressContainer 컴포넌트 감싸기 #109 feat: Auth Validation hook 제작 #111

⛳️ 작업 내용

🌱 PR 포인트

• useAuthValidation hook 구현
  • 네이밍과 타입 추론 등 리뷰 부탁드립니다.

export const useAuthValidation = () => {
  const { isLogin } = useAuth();
  const modalProps = useSignUpModalContext();

  const validate = useCallback(
    <T extends Handler>(handler: T, options: ValidatorOptions = { needSignUpModal: true }) =>
      (...args: Parameters<T>) => {
        if (isLogin) return handler(args) as ReturnType<T>;
        if (!isLogin && options.needSignUpModal) return modalProps.onOpen();
      },
    [isLogin, modalProps],
  );

  return { validate };
};

• SignUpModal 상태 전역 상태로 관리

  • context 구현
  • _app.tsx 에 SignUpModal 컴포넌트 하나만 추가

• 유저 정보 typo 수정

  • shareCollectionId -> sharedCollectionId

📸 스크린샷

스크린샷	스크린샷
파일첨부바람	파일첨부바람

📎 레퍼런스

[vercel]

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

Name	Status	Preview	Comments	Updated
21st-web-team-1-fe	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 22, 2023 at 9:33AM (UTC)

[elbica]

어지러운 WithAuthHandler 리팩토링 감사합니다😊😊