[ feat ] NavigateRecentCollection 추가

TeamPiickle · Jul 8, 2023 · 937f53b · 937f53b
1 parent 341f58d
commit 937f53b
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/src/@components/@common/BestPiickleCard/index.tsx b/src/@components/@common/BestPiickleCard/index.tsx
@@ -1,6 +1,6 @@
 import { LocationType } from "../../../types/cardCollection";
 import { GTM_CLASS_NAME } from "../../../util/const/gtm";
-import useNavigateCardCollection, { NavigateCardCollectionBestType } from "../hooks/useNavigateCardCollection";
+import useNavigateCardCollection, { NavigateRecentCollectionType } from "../hooks/useNavigateCardCollection";
 import * as St from "./style";
 
 interface BestPiickleCardProps {
@@ -20,7 +20,7 @@ export default function BestPiickleCard(props: BestPiickleCardProps) {
   const { content, tags } = bestPiickle;
   const GTM_IDX_KEY = `mainBestPiickle${idx + 1}`;
 
-  const navigateCardCollection = useNavigateCardCollection(locationType) as NavigateCardCollectionBestType;
+  const navigateCardCollection = useNavigateCardCollection(locationType) as NavigateRecentCollectionType;
 
   const onClickCard = () => {
     if (!canNavigate) return;

diff --git a/src/@components/@common/hooks/useNavigateCardCollection.ts b/src/@components/@common/hooks/useNavigateCardCollection.ts
@@ -12,6 +12,7 @@ export type NavigateCardCollectionBookMarkType = (sliderIdx?: number) => void;
 export type NavigateCardCollectionCategoryType = (categoryId: string, sliderIdx?: number) => void;
 export type NavigateCardCollectionFilterType = (filterTypes: string[], sliderIdx?: number) => void;
 export type NavigateCardCollectionMedleyType = (medleyId: string, sliderIdx?: number) => void;
+export type NavigateRecentCollectionType = (sliderIdx?: number) => void;
 
 export default function useNavigateCardCollection(locationType: LocationType) {
   const navigate = useNavigate();
@@ -57,8 +58,9 @@ export default function useNavigateCardCollection(locationType: LocationType) {
         navigate(`${routePaths.CardCollection}?type=${LocationType.MEDLEY}&medleyId=${medleyId}`);
         setSliderIdx(sliderIdx);
       };
+
     case LocationType.RECENT:
-      return (medleyId: string, sliderIdx = 0) => {
+      return (sliderIdx = 0) => {
         navigate(`${routePaths.CardCollection}?type=${LocationType.RECENT}`);
         setSliderIdx(sliderIdx);
       };

diff --git a/src/@components/CardCollectionPage/hooks/useCardLists.ts b/src/@components/CardCollectionPage/hooks/useCardLists.ts
@@ -11,6 +11,7 @@ import useCardListsFilter from "./useCardListsFilter";
 interface ExtendedCardList extends Array<CardList> {
   cardList?: CardList[]; // with category id
   cards?: CardList[]; // with medly id
+  cardResponseDtos?: CardList[];
 }
 
 export function useCardLists() {
@@ -43,6 +44,8 @@ function getReturnCardLists(
       return data?.data.data.cardList;
     case LocationType.MEDLEY:
       return data?.data.data.cards;
+    case LocationType.RECENT:
+      return data?.data.data.cardResponseDtos;
     default:
       return data?.data.data;
   }
@@ -88,6 +91,9 @@ function getSWRFetchingKeyByLocation(cardsTypeLocation: CardsTypeLocation) {
     case LocationType.FILTER: {
       return `${PATH.CATEGORIES_}${PATH.CATEGORIES_CARDS}?${cardsTypeLocation.filterTypes}`;
     }
+    case LocationType.RECENT:
+      return `${PATH.CARDS_}${PATH.CARDS_RECENT}`;
+
     case LocationType.ALL:
     default: {
       const searchParams = qs.stringify(

diff --git a/src/types/cardCollection.ts b/src/types/cardCollection.ts
@@ -34,13 +34,18 @@ interface MedleyTypeLocation {
   medleyId: string;
 }
 
+interface RecentTypeLocation {
+  type: LocationType.RECENT;
+}
+
 export type CardsTypeLocation =
   | AllTypeLocation
   | BestTypeLocation
   | BookmarkTypeLocation
   | CategoryTypeLocation
   | FilterTypeLocation
-  | MedleyTypeLocation;
+  | MedleyTypeLocation
+  | RecentTypeLocation;
 
 export interface CardList {
   _id: string;