Qa 데모 시연

src/api/auth/volunteer/refresh.ts

@@ -16,7 +16,7 @@ export const fetchRefresh = async (data: LoginResponse) => {
 };
 
 export const getRefresh = async () => {
-  const response = await fe.get(`auth/token/refresh`).then(res =>
+  const response = await fe.get(`auth/token`).then(res =>
     res.json<{
       success: boolean;
     }>()

src/api/instance.ts

@@ -3,7 +3,8 @@ import { setAuthorizationHeader } from '@/utils/ky/hooks/beforeRequest';
 import {
   deleteClientCokiesPath,
   retryRequestOnUnauthorized,
-  throwServerErrorMessage
+  throwServerErrorMessage,
+  redirectTokenError
 } from '@/utils/ky/hooks/afterResponse';
 
 /**
@@ -26,6 +27,7 @@ const api = ky.extend({
     beforeRequest: [setAuthorizationHeader(process)],
     afterResponse: [
       retryRequestOnUnauthorized(process),
+      redirectTokenError(process),
       throwServerErrorMessage,
       deleteClientCokiesPath
     ]

src/api/mypage/useLogout.tsx

@@ -2,6 +2,7 @@ import { useAuthContext } from '@/providers/AuthContext';
 import { useMutation } from '@tanstack/react-query';
 import useToast from '@/hooks/useToast';
 import { fe } from '../instance';
+import { STORAGE_KEY_HOME_CALENDAR_FILTER_INPUT } from '@/constants/localStorageKeys';
 
 export default function useLogout() {
   const { logout: clientLogout } = useAuthContext();
@@ -18,6 +19,7 @@ export default function useLogout() {
     onSuccess: response => {
       clientLogout();
       location.href = '/login';
+      localStorage.removeItem(STORAGE_KEY_HOME_CALENDAR_FILTER_INPUT);
       toastOn('로그아웃이 완료되었습니다.');
     },
     onError: error => {

src/api/queryKey.ts

@@ -1,9 +1,10 @@
 export const shelterKey = {
   all: ['shelter'] as const,
-  animalList: () => [...shelterKey.all, 'observation-animal-list'] as const,
-  animal: (id: number) => [...shelterKey.animalList(), id] as const,
-  image: () => [...shelterKey.all, 'image'] as const,
+  animalLists: () => [...shelterKey.all, 'observation-animal-list'] as const,
+  animalList: (shelterId: number) =>
+    [...shelterKey.animalLists(), shelterId] as const,
+  animal: (id: number) => [...shelterKey.animalLists(), 'animal', id] as const,
   info: () => [...shelterKey.all, 'info'] as const,
-  homeInfo: () => [...shelterKey.all, 'info', 'home'] as const,
-  observationAnimal: () => [...shelterKey.all, 'observation-animal'] as const
+  image: () => [...shelterKey.info(), 'image'] as const,
+  homeInfo: () => [...shelterKey.info(), 'home'] as const
 };

src/api/shelter/admin/observation-animal.ts

@@ -19,13 +19,6 @@ export const get = async (observationAnimalId: number) => {
   return response;
 };
 
-export const getAll = async () => {
-  const response = await api
-    .get('shelter/admin/observation-animal')
-    .then(res => res.json<ObservationAnimal[]>());
-  return response;
-};
-
 export const post = async (data: ObservationAnimalPayload) => {
   const response = await api
     .post(`shelter/admin/observation-animal`, {

src/api/shelter/admin/useCreateObservationAnimal.ts

@@ -26,7 +26,7 @@ export default function useCreateObservationAnimal(
     {
       onSuccess: (data, variables, context) => {
         options?.onSuccess && options.onSuccess(data, variables, context);
-        return queryClient.invalidateQueries(shelterKey.animalList());
+        return queryClient.invalidateQueries(shelterKey.animalLists());
       },
       ...options
     }

src/api/shelter/admin/useDeleteObservationAnimal.ts

@@ -22,7 +22,7 @@ export default function useDeleteObservationAnimal(
     {
       onSuccess: (data, variables, context) => {
         options?.onSuccess && options.onSuccess(data, variables, context);
-        return queryClient.invalidateQueries(shelterKey.animalList());
+        return queryClient.invalidateQueries(shelterKey.animalLists());
       },
       ...options
     }

src/api/shelter/admin/useDeleteVolunteerEvent.ts

@@ -4,7 +4,6 @@ import {
   useQueryClient
 } from '@tanstack/react-query';
 import { DeleteResponse, remove } from './volunteer-event';
-import { queryKey } from '../volunteer-event';
 
 export interface DeleteEventPayload extends DeleteResponse {
   shelterId: number;

src/api/shelter/admin/useUpdateEssentialInfo.ts

@@ -22,7 +22,7 @@ export default function useUpdateEssentialInfo(
     {
       onSuccess: (data, variables, context) => {
         options?.onSuccess && options.onSuccess(data, variables, context);
-        return queryClient.invalidateQueries(shelterKey.info());
+        queryClient.invalidateQueries(shelterKey.info());
       },
       ...options
     }

src/api/shelter/admin/useUpdateObservationAnimal.ts

@@ -27,7 +27,7 @@ export default function useUpdateObservationAnimal(
     {
       onSuccess: (data, variables, context) => {
         options?.onSuccess && options.onSuccess(data, variables, context);
-        return queryClient.invalidateQueries(shelterKey.animalList());
+        return queryClient.invalidateQueries(shelterKey.animalLists());
       },
       ...options
     }

src/api/shelter/admin/useUpdateVolunteerEvent.tsx

@@ -0,0 +1,26 @@
+import {
+  UseMutationOptions,
+  useMutation,
+  useQueryClient
+} from '@tanstack/react-query';
+import { PutResponse, PutVolunteerEventPayload, put } from './volunteer-event';
+
+export interface PutEventPayload extends PutVolunteerEventPayload {
+  eventId: number;
+}
+
+export default function useUpdateVolunteerEvent(
+  options?: UseMutationOptions<PutResponse, unknown, PutEventPayload>
+) {
+  const queryClient = useQueryClient();
+  return useMutation<PutResponse, unknown, PutEventPayload>(
+    ({ eventId, ...payload }) => put(eventId, payload),
+    {
+      onSuccess: (data, variables, context) => {
+        options?.onSuccess && options.onSuccess(data, variables, context);
+        return queryClient.invalidateQueries();
+      },
+      ...options
+    }
+  );
+}

src/api/shelter/admin/useWriteVolunteerEvent.tsx

@@ -0,0 +1,22 @@
+import {
+  UseMutationOptions,
+  useMutation,
+  useQueryClient
+} from '@tanstack/react-query';
+import { PostResponse, VolunteerEventPayload, post } from './volunteer-event';
+
+export default function useWriteVolunteerEvent(
+  options?: UseMutationOptions<PostResponse, unknown, VolunteerEventPayload>
+) {
+  const queryClient = useQueryClient();
+  return useMutation<PostResponse, unknown, VolunteerEventPayload>(
+    payload => post(payload),
+    {
+      onSuccess: (data, variables, context) => {
+        options?.onSuccess && options.onSuccess(data, variables, context);
+        return queryClient.invalidateQueries();
+      },
+      ...options
+    }
+  );
+}

src/api/shelter/auth/login.ts

@@ -9,8 +9,26 @@ export interface LoginPayload {
 export type LoginResponse = {
   accessToken: string;
   refreshToken: string;
+  needToChangePassword: boolean;
+};
+export interface FowardPwdPayload {
+  email: string;
+  phoneNumber: string;
+}
+
+export type FowardPwdResponse = {
+  shelterUserId: number;
+  needToChangePassword: boolean;
 };
 
+export interface PwdChangePayload {
+  password: string;
+}
+export interface PwdChangeResponse {
+  shelterUserId: number;
+  needToChangePassword: boolean;
+}
+
 export const loginShelter = async (data: LoginPayload) => {
   const response = await api
     .post(`auth/shelter/login`, {
@@ -28,3 +46,23 @@ export const isExist = async (value: string, type: string) => {
 
   return response;
 };
+
+export const fowardPwdLink = async (data: FowardPwdPayload) => {
+  const response = await api
+    .post(`auth/shelter/reset-password`, {
+      json: data
+    })
+    .then(res => res.json<FowardPwdResponse>());
+
+  return response;
+};
+
+export const pwdChange = async (data: PwdChangePayload) => {
+  const response = await api
+    .post(`auth/shelter/change-password`, {
+      json: data
+    })
+    .then(res => res.json<PwdChangeResponse>());
+
+  return response;
+};

src/api/shelter/event/useParticipateVolEvent.ts

@@ -23,10 +23,7 @@ export default function useParticipateVolEvent(
       participate(shelterId, volunteerEventId),
     {
       onSuccess: (data, variables, context) => {
-        return queryClient.invalidateQueries({
-          queryKey: queryKey.all,
-          refetchType: 'all'
-        });
+        return queryClient.invalidateQueries();
       },
       ...options
     }

src/api/shelter/event/useWithdrawVolEvent.ts

@@ -22,10 +22,7 @@ export default function useWithdrawVolEvent(
     ({ shelterId, volunteerEventId }) => withdraw(shelterId, volunteerEventId),
     {
       onSuccess: (data, variables, context) => {
-        return queryClient.invalidateQueries({
-          queryKey: queryKey.all,
-          refetchType: 'all'
-        });
+        return queryClient.invalidateQueries();
       },
       ...options
     }

src/api/shelter/{shelterId}/useBookMarkMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import useShelterHomeInfo from './useShelterHomeInfo';
 import { post } from './bookmark';
 import { useRouter } from 'next/navigation';
@@ -7,12 +7,15 @@ export default function useBookMarkMutation(
   shelterId: number,
   onSuccessCallback: (bookMarkState: boolean) => void
 ) {
+  const queryClient = useQueryClient();
+
   const { refetch } = useShelterHomeInfo(shelterId);
   const router = useRouter();
   const mutate = useMutation(post, {
     onSuccess: data => {
       refetch();
       onSuccessCallback(data.bookMarked!);
+      return queryClient.invalidateQueries();
     },
     onError: () => {
       router.replace('/login/volunteer');

src/api/shelter/{shelterId}/useObservationAnimalList.ts

@@ -1,15 +1,29 @@
-import { useQuery } from '@tanstack/react-query';
-import { get } from './observation-animal';
+import {
+  UseInfiniteQueryOptions,
+  useInfiniteQuery
+} from '@tanstack/react-query';
+import { ObservationAnimalInfo, get } from './observation-animal';
 import { shelterKey } from '../../queryKey';
 
-export default function useObservationAnimalListAtHome({
-  shelterId,
-  page
-}: {
-  shelterId: number;
-  page: number;
-}) {
-  return useQuery(shelterKey.observationAnimal(), () =>
-    get({ shelterId, page })
+export default function useObservationAnimalListAtHome(
+  {
+    shelterId
+  }: {
+    shelterId: number;
+  },
+  options?: UseInfiniteQueryOptions<ObservationAnimalInfo>
+) {
+  return useInfiniteQuery<ObservationAnimalInfo>(
+    shelterKey.animalList(shelterId),
+    ({ pageParam = 0 }) => get({ shelterId, page: pageParam }),
+    {
+      getNextPageParam: lastPage => {
+        if (lastPage.content.length === 0) {
+          return false;
+        }
+        return lastPage.pageNumber + 1;
+      },
+      ...options
+    }
   );
 }