review에 gql 401 에러 적용

Author: guswl98

packages/review/src/services/hooks.ts

@@ -0,0 +1,18 @@
+import { handleGql401Error } from '@titicaca/fetcher'
+import { useLoginCtaModal } from '@titicaca/modals'
+import { ClientError } from 'graphql-request'
+
+export function useShowLoginCtaModalOnAuthError() {
+  const { show: showLoginCta } = useLoginCtaModal()
+
+  return (error: unknown) => {
+    if (error instanceof ClientError) {
+      const isAuthError = error.response.errors?.some((err) =>
+        handleGql401Error(err),
+      )
+      if (isAuthError) {
+        showLoginCta()
+      }
+    }
+  }
+}

packages/review/src/services/use-reviews.ts

@@ -23,6 +23,8 @@ import {
   GetReviewsCountQuery,
 } from '../data/graphql'
 
+import { useShowLoginCtaModalOnAuthError } from './hooks'
+
 export function useReviewCount(
   params: GetReviewsCountQueryVariables,
   initialValue?: number,
@@ -63,11 +65,15 @@ export function useMyReview(params: GetMyReviewQueryVariables) {
 export function useLikeReviewMutation() {
   const { notifyReviewLiked } = useTripleClientActions()
   const queryClient = useQueryClient()
+  const showLoginCtaModalOnAuthError = useShowLoginCtaModalOnAuthError()
 
   return useMutation(
     (variables: LikeReviewMutationVariables & { resourceId: string }) =>
       reviewClient(() => client.LikeReview({ reviewId: variables.reviewId })),
     {
+      onError: (error) => {
+        showLoginCtaModalOnAuthError(error)
+      },
       onSuccess: (data, variables) => {
         notifyReviewLiked?.(variables.resourceId, variables.reviewId)
 
@@ -168,11 +174,15 @@ export function useLikeReviewMutation() {
 export function useUnlikeReviewMutation() {
   const { notifyReviewUnliked } = useTripleClientActions()
   const queryClient = useQueryClient()
+  const showLoginCtaModalOnAuthError = useShowLoginCtaModalOnAuthError()
 
   return useMutation(
     (variables: UnlikeReviewMutationVariables & { resourceId: string }) =>
       reviewClient(() => client.UnlikeReview({ reviewId: variables.reviewId })),
     {
+      onError: (error) => {
+        showLoginCtaModalOnAuthError(error)
+      },
       onSuccess: (data, variables) => {
         notifyReviewUnliked?.(variables.resourceId, variables.reviewId)
 
@@ -272,6 +282,7 @@ export function useUnlikeReviewMutation() {
 export function useDeleteReviewMutation() {
   const { notifyReviewDeleted } = useTripleClientActions()
   const queryClient = useQueryClient()
+  const showLoginCtaModalOnAuthError = useShowLoginCtaModalOnAuthError()
 
   return useMutation(
     async (
@@ -281,6 +292,9 @@ export function useDeleteReviewMutation() {
       },
     ) => reviewClient(() => client.DeleteReview(variables)),
     {
+      onError: (error) => {
+        showLoginCtaModalOnAuthError(error)
+      },
       onSuccess: (data, variables) => {
         notifyReviewDeleted?.(
           variables.resourceId,