Fix(audience): 공지 저장 뷰 이미지 오류 해결 (#339)

* fix: 저장한 공지 뷰 이미지 렌더링 수정

* refactor: 타입 정리

* refactor: type import 적용

Author: jin-evergreen

apps/audience/src/entities/notice/api/notice.ts

@@ -8,6 +8,8 @@ import type {
   FestivalNoticesResponseData,
 } from '@shared/types/notice-response';
 
+import type { SavedNoticesResponse } from '../types/types';
+
 type RequestOptions = {
   signal?: AbortSignal;
 };
@@ -46,3 +48,9 @@ export const postNoticeBookmark = (noticeId: number, isBookmarked: boolean) =>
     END_POINT.POST_NOTICE_BOOKMARK(noticeId),
     { isBookmarked },
   );
+
+export const getSavedNotices = (params: PageSizeParams = {}) =>
+  get<SavedNoticesResponse, PageSizeParams>(
+    END_POINT.GET_SAVED_NOTICES,
+    params,
+  );

apps/audience/src/entities/notice/model/query-options.ts

@@ -4,7 +4,11 @@ import type { PageSizeParams } from '@amp/shared/types';
 
 import { USERS_QUERY_KEY } from '@shared/constants/query-key';
 
-import { getFestivalBanner, getFestivalNotices } from '../api/notice';
+import {
+  getFestivalBanner,
+  getFestivalNotices,
+  getSavedNotices,
+} from '../api/notice';
 
 export const NOTICES_QUERY_OPTIONS = {
   LIST: (eventId: number, params: PageSizeParams = {}) =>
@@ -20,3 +24,11 @@ export const NOTICES_QUERY_OPTIONS = {
       enabled: Number.isFinite(festivalId),
     }),
 } as const;
+
+export const SAVED_NOTICES_QUERY_OPTIONS = {
+  LIST: (params: PageSizeParams = {}) =>
+    queryOptions({
+      queryKey: [...USERS_QUERY_KEY.SAVED_NOTICES(), params],
+      queryFn: () => getSavedNotices(params),
+    }),
+} as const;

…c/shared/types/saved-notices-response.ts …ience/src/entities/notice/types/types.tsapps/audience/src/shared/types/saved-notices-response.ts renamed to apps/audience/src/entities/notice/types/types.ts apps/audience/src/shared/types/saved-notices-response.ts renamed to apps/audience/src/entities/notice/types/types.ts

@@ -1,23 +1,16 @@
+import type { Pagination } from '@shared/types';
+
 export interface SavedNoticeItem {
   savedNoticeId: number;
   noticeId: number;
   festivalTitle: string;
   categoryName: string;
   content: string;
   title: string;
-  imageUrl: string;
-}
-
-export interface SavedNoticesPagination {
-  currentPage: number;
-  totalPages: number;
-  totalElements: number;
-  size: number;
-  hasNext: boolean;
-  hasPrevious: boolean;
+  imageUrls: string[];
 }
 
 export interface SavedNoticesResponse {
   notices: SavedNoticeItem[];
-  pagination: SavedNoticesPagination;
+  pagination: Pagination;
 }

apps/audience/src/features/saved-notice/query.ts

@@ -4,7 +4,7 @@ import { generatePath, useNavigate } from 'react-router';
 import { CardNotice, EmptyView } from '@amp/ads-ui';
 import { Loading } from '@amp/compositions';
 
-import { SAVED_NOTICES_QUERY_OPTIONS } from '@features/saved-notice/query';
+import { SAVED_NOTICES_QUERY_OPTIONS } from '@entities/notice/model/query-options';
 
 import { ROUTE_PATH } from '@shared/constants/path';
 
@@ -36,7 +36,7 @@ const SavedNoticesPage = () => {
         {savedNoticesData.notices.map((notice, index) => (
           <div key={notice.noticeId}>
             <CardNotice
-              imageUrls={notice.imageUrl ? [notice.imageUrl] : []}
+              imageUrls={notice.imageUrls ?? []}
               title={notice.title}
               content={notice.content}
               onClick={() => {

apps/audience/src/pages/saved-notices/saved-notices.tsx

@@ -0,0 +1 @@
+export * from './pagination';

apps/audience/src/shared/types/index.ts

@@ -0,0 +1,8 @@
+export interface Pagination {
+  currentPage: number;
+  totalPages: number;
+  totalElements: number;
+  size: number;
+  hasNext: boolean;
+  hasPrevious: boolean;
+}