@@ -26,18 +53,25 @@ function NotificationsList() {
return (
- {notifications.map((notification) => (
+ {visibleNotifications.map((notification) => (
- setReadIds((prev) => new Set(prev).add(notification.id))
+ isRead={notification.read}
+ key={notification.notificationId}
+ message={
+ notification.body === null
+ ? notification.title
+ : `${notification.title} ${notification.body}`
}
- timeLabel={notification.timeLabel}
- type={notification.type}
+ onRead={() => {
+ if (!notification.read) {
+ markRead(notification.notificationId);
+ }
+ }}
+ timeLabel={formatTimeAgo(notification.createdAt)}
+ type={NOTIFICATION_SERVER_TYPES[notification.type]}
/>
))}
+
);
}
diff --git a/src/features/notifications/constants/notifications.ts b/src/features/notifications/constants/notifications.ts
index 4d588f57..7f216be0 100644
--- a/src/features/notifications/constants/notifications.ts
+++ b/src/features/notifications/constants/notifications.ts
@@ -1,9 +1,12 @@
import billilgeRentalIcon from "@/assets/icons/notifications/billilge-rental.svg";
+import billilgeRentalRequestIcon from "@/assets/icons/notifications/billilge-rental-request.svg";
import billilgeReturnIcon from "@/assets/icons/notifications/billilge-return.svg";
+import billilgeReturnRequestIcon from "@/assets/icons/notifications/billilge-return-request.svg";
import eventIcon from "@/assets/icons/notifications/event.svg";
import feedbackIcon from "@/assets/icons/notifications/feedback.svg";
import lockerIcon from "@/assets/icons/notifications/locker.svg";
import noticeIcon from "@/assets/icons/notifications/notice.svg";
+import type { BillilgeRentalStatus } from "@/shared/entities/billilge/billilgeTypes";
import type { NotificationType } from "@/shared/entities/notifications/notificationsTypes";
// Figma Notification Category — 24px 아이콘 + 라벨. 빌릴게는 대여·반납이 같은 라벨에 아이콘만 다르다.
@@ -16,6 +19,30 @@ export const NOTIFICATION_TYPE_META = {
notices: { icon: noticeIcon, label: "공지" },
} satisfies Record
;
+// 서버 알림 종류(NotificationType 이름) → 화면 알림 종류. 반납 기한 알림(RENTAL_DUE_SOON·RENTAL_OVERDUE)은
+// 반납하라는 알림이라 반납 아이콘을 쓴다. 여기 없는 종류(새로 생긴 종류)는 목록에서 뺀다.
+// 열린피드백 답변 알림은 서버에 아직 종류가 없어서 feedbacks는 연결된 서버 종류가 없다.
+export const NOTIFICATION_SERVER_TYPES: Record = {
+ EVENT_APPLIED: "events",
+ EVENT_APPLICATION_CANCELED: "events",
+ EVENT_STARTING_TOMORROW: "events",
+ EVENT_APPLY_CLOSING: "events",
+ LOCKER_ASSIGNED: "lockers",
+ LOCKER_ASSIGNED_BY_ADMIN: "lockers",
+ LOCKER_ASSIGNMENT_CANCELED: "lockers",
+ LOCKER_APPLY_CLOSING: "lockers",
+ LOCKER_USAGE_ENDING: "lockers",
+ RENTAL_APPLY: "billilgeRental",
+ RENTAL_APPROVED: "billilgeRental",
+ RENTAL_REJECTED: "billilgeRental",
+ RENTAL_DUE_SOON: "billilgeReturn",
+ RENTAL_OVERDUE: "billilgeReturn",
+ RETURN_APPLY: "billilgeReturn",
+ RETURN_APPROVED: "billilgeReturn",
+ RETURN_COMPLETED: "billilgeReturn",
+ NOTICE_CREATED: "notices",
+};
+
// 알림 설정 카테고리 — Figma 알림 설정(nodeId 3628:110837)의 행 순서다. 게시판은 공지·열린피드백을 같이 켜고 끈다.
export type NotificationSettingKey =
| "billilge"
@@ -63,3 +90,86 @@ export const INITIAL_NOTIFICATION_SETTINGS: Record<
export const NOTIFICATIONS_PATH = "/notifications";
export const NOTIFICATIONS_SETTINGS_PATH = "/notifications/settings";
+
+// 알림함은 내 알림과 관리자 공용 알림함(관리자에게만 보인다)으로 나뉜다. 빌릴게·행사 탭처럼 경로로 나눠서
+// 알림 설정에 다녀오거나 새로고침해도 탭이 유지되고, 관리자 업무 알림 푸시도 관리자 탭으로 바로 보낼 수 있다.
+export const NOTIFICATIONS_TAB_PATHS = {
+ mine: NOTIFICATIONS_PATH,
+ admin: "/notifications/admin",
+} as const;
+
+export type NotificationsTab = keyof typeof NOTIFICATIONS_TAB_PATHS;
+
+interface AdminNotificationAction {
+ /** 문구 뒷부분 — "김스트림 님이 우산 대여를 신청했어요" */
+ appliedText: string;
+ /** 둘째 줄에 받으러 오는 시각을 쓰는지 — 대여 신청만 학생이 고른 수령 시각이 있다 */
+ showsPickupTime: boolean;
+ /** 반려·승인 버튼을 두는 상태(승인 전)와 완료 버튼을 두는 상태(승인 후). 나머지 상태면 처리가 끝나 숨긴다 */
+ reviewStatus: BillilgeRentalStatus;
+ handoverStatus: BillilgeRentalStatus;
+ /** 버튼마다 바꿀 상태 — 반납 반려는 대응하는 상태가 없어서 대여 중(RENTAL)으로 되돌린다 */
+ approveTo: BillilgeRentalStatus;
+ rejectTo: BillilgeRentalStatus;
+ completeTo: BillilgeRentalStatus;
+ /** 승인한 뒤 물품을 건네거나 돌려받았을 때 누르는 버튼 */
+ completeLabel: string;
+ /** 반려 확인 모달 — 반려하면 어떻게 되는지 미리 알려 준다 */
+ rejectTitle: string;
+ rejectDescription: string;
+}
+
+// 관리자 알림 종류별(서버 NotificationType 이름) 아이콘·라벨과 처리 방법. 사용자 알림처럼 빌릴게 라벨을 쓰고,
+// 대여·반납 신청만 반려 → 승인 → 완료 순서로 처리한다. 학생이 신청을 취소한 알림은 처리할 일이 없어 action이 없다.
+// 대여 반려는 서버가 학생에게 "대여 신청이 반려되었어요" 알림(RENTAL_REJECTED)을 보내고, 반납 반려는 알림이 없다.
+// 대여·반납 신청 아이콘은 Figma에 없어서 빌릴게 알림 박스(billilge-return.svg, 진파랑 #0066FF)의 손잡이 자리에
+// 흰 화살표를 넣어 만들었다 — 꺼내 가는 대여는 위, 돌려놓는 반납은 아래다. 취소 알림은 화살표 없는 연한 박스 그대로다.
+export const ADMIN_NOTIFICATION_TYPE_META: Record<
+ string,
+ { action: AdminNotificationAction | null; icon: string; label: string }
+> = {
+ ADMIN_RENTAL_APPLY: {
+ action: {
+ approveTo: "CONFIRMED",
+ completeLabel: "대여 완료",
+ completeTo: "RENTAL",
+ appliedText: "대여를 신청했어요",
+ handoverStatus: "CONFIRMED",
+ rejectDescription: "반려하면 신청한 학생에게 알림이 가요.",
+ rejectTitle: "대여 신청을 반려할까요?",
+ rejectTo: "REJECTED",
+ reviewStatus: "PENDING",
+ showsPickupTime: true,
+ },
+ icon: billilgeRentalRequestIcon,
+ label: "빌릴게",
+ },
+ ADMIN_RETURN_APPLY: {
+ action: {
+ approveTo: "RETURN_CONFIRMED",
+ completeLabel: "반납 완료",
+ completeTo: "RETURNED",
+ appliedText: "반납을 신청했어요",
+ handoverStatus: "RETURN_CONFIRMED",
+ rejectDescription: "반려하면 다시 대여 중인 상태로 돌아가요.",
+ rejectTitle: "반납 신청을 반려할까요?",
+ rejectTo: "RENTAL",
+ reviewStatus: "RETURN_PENDING",
+ showsPickupTime: false,
+ },
+ icon: billilgeReturnRequestIcon,
+ label: "빌릴게",
+ },
+ ADMIN_RENTAL_CANCEL: {
+ action: null,
+ icon: billilgeRentalIcon,
+ label: "빌릴게",
+ },
+};
+
+// 관리자 알림 처리 결과 안내
+export const ADMIN_NOTIFICATION_TOASTS = {
+ // 다른 관리자가 먼저 처리했거나 옛 화면에서 눌렀다(RENTAL_STATUS_CHANGED) — 목록은 다시 받는다
+ statusChanged: "다른 관리자가 먼저 처리했어요.",
+ failed: "처리하지 못했어요. 잠시 후 다시 시도해 주세요.",
+} as const;
diff --git a/src/shared/entities/billilge/billilgeQueries.ts b/src/shared/entities/billilge/billilgeQueries.ts
index f5768b3d..3ff67534 100644
--- a/src/shared/entities/billilge/billilgeQueries.ts
+++ b/src/shared/entities/billilge/billilgeQueries.ts
@@ -9,11 +9,14 @@ import { z } from "zod";
import { api, type CursorSliceResponse, isApiError } from "@/shared/api";
import { billilgeKeys } from "@/shared/entities/billilge/billilgeKeys";
import type {
+ BillilgeAdminRentalStatusUpdate,
BillilgeCategory,
BillilgeRentalApplyRequest,
} from "@/shared/entities/billilge/billilgeTypes";
+import { notificationsKeys } from "@/shared/entities/notifications/notificationsKeys";
const BILLILGE_PATH = "/v1/app/billilge";
+const BILLILGE_ADMIN_PATH = "/v1/admin/billilge";
// 서버 enum(ItemCategory·ItemType·RentalStatus) 값 — 타입은 billilgeTypes.ts가 여기서 만든다
export const BILLILGE_CATEGORIES = [
@@ -155,6 +158,8 @@ export const BILLILGE_ERROR_CODES = {
itemNotFound: "ITEM_NOT_FOUND",
// 반납 신청할 수 있는 대여(대여 중인 내 대여)가 아니다 — 이미 반납을 신청했거나 상태가 바뀌었다
rentalNotFound: "RENTAL_NOT_FOUND",
+ // 관리자 상태 변경 — 화면에서 본 상태와 지금 상태가 다르다(다른 관리자가 먼저 처리했거나 옛 화면에서 눌렀다)
+ rentalStatusChanged: "RENTAL_STATUS_CHANGED",
} as const;
// 대여 신청. 학생 신청은 승인 대기(PENDING)로 시작하고 재고는 신청할 때 바로 줄어든다.
@@ -205,3 +210,35 @@ export function useReturnBillilgeRentalMutation() {
},
});
}
+
+// 관리자 대여 상태 변경(PATCH /v1/admin/billilge/histories/{id}). 관리자 알림 화면은 화면에서 본 상태(expectedStatus)를
+// 같이 보내서, 그사이 다른 관리자가 처리했으면 서버가 RENTAL_STATUS_CHANGED(409)로 거절하고 아무것도 바꾸지 않는다.
+// 성공해도, 그렇게 거절돼도 관리자 알림 목록의 대여 상태가 낡아서 다시 받는다 — Promise를 돌려줘서 다시 받은 상태가
+// 들어온 뒤에 mutation이 끝나게 한다(버튼 로딩이 그때까지 이어진다).
+export function useUpdateAdminRentalStatusMutation() {
+ const queryClient = useQueryClient();
+ const refetchAdminNotifications = () =>
+ queryClient.invalidateQueries({
+ queryKey: notificationsKeys.adminList(),
+ });
+
+ return useMutation({
+ mutationFn: ({
+ rentalHistoryId,
+ ...request
+ }: BillilgeAdminRentalStatusUpdate) =>
+ api.patch(
+ `${BILLILGE_ADMIN_PATH}/histories/${rentalHistoryId}`,
+ request,
+ ),
+ onSuccess: refetchAdminNotifications,
+ onError: (error) => {
+ if (
+ isApiError(error) &&
+ error.code === BILLILGE_ERROR_CODES.rentalStatusChanged
+ ) {
+ return refetchAdminNotifications();
+ }
+ },
+ });
+}
diff --git a/src/shared/entities/billilge/billilgeTypes.ts b/src/shared/entities/billilge/billilgeTypes.ts
index 6af8c529..ba71b0ab 100644
--- a/src/shared/entities/billilge/billilgeTypes.ts
+++ b/src/shared/entities/billilge/billilgeTypes.ts
@@ -53,3 +53,11 @@ export interface BillilgeRentalApplyRequest {
// false면 같은 물품에 끝나지 않은 신청이 있을 때 RENTAL_ITEM_DUPLICATED로 거절된다 — true로 다시 보내면 그래도 신청한다
ignoreDuplicate: boolean;
}
+
+// 관리자 대여 상태 변경(PATCH /v1/admin/billilge/histories/{id}) — 관리자 알림 화면의 반려·승인·완료 버튼이 쓴다
+export interface BillilgeAdminRentalStatusUpdate {
+ rentalHistoryId: number;
+ rentalStatus: BillilgeRentalStatus;
+ // 화면에서 본 지금 상태 — 실제 지금 상태와 다르면 서버가 RENTAL_STATUS_CHANGED로 거절하고 아무것도 바꾸지 않는다
+ expectedStatus: BillilgeRentalStatus;
+}
diff --git a/src/shared/entities/notifications/notificationsKeys.ts b/src/shared/entities/notifications/notificationsKeys.ts
index 527c1029..88345a60 100644
--- a/src/shared/entities/notifications/notificationsKeys.ts
+++ b/src/shared/entities/notifications/notificationsKeys.ts
@@ -1,4 +1,5 @@
export const notificationsKeys = {
root: () => ["notifications"] as const,
list: () => [...notificationsKeys.root(), "list"] as const,
+ adminList: () => [...notificationsKeys.root(), "admin", "list"] as const,
};
diff --git a/src/shared/entities/notifications/notificationsMock.ts b/src/shared/entities/notifications/notificationsMock.ts
deleted file mode 100644
index 6878439a..00000000
--- a/src/shared/entities/notifications/notificationsMock.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { NotificationItem } from "@/shared/entities/notifications/notificationsTypes";
-
-// Figma: 알림 (nodeId 3595:107100) 목업 데이터 — 첫 항목만 안 읽은 알림이다.
-export const NOTIFICATIONS: NotificationItem[] = [
- {
- id: "1",
- isRead: false,
- message: "우산 반납이 완료됐어요.",
- timeLabel: "1시간 전",
- type: "billilgeReturn",
- },
- {
- id: "2",
- isRead: true,
- message:
- "관리자가 대여 신청을 승인했어요. 학생회실에 방문해 우산을 대여해 주세요.",
- timeLabel: "1시간 전",
- type: "billilgeRental",
- },
- {
- id: "3",
- isRead: true,
- message: "새로운 공지사항이 올라왔어요. 자세한 내용을 확인해 주세요.",
- timeLabel: "1시간 전",
- type: "notices",
- },
- {
- id: "4",
- isRead: true,
- message:
- "열린피드백에 새로운 답변이 올라왔어요. 어떤 답변인지 확인해 보세요.",
- timeLabel: "1시간 전",
- type: "feedbacks",
- },
- {
- id: "5",
- isRead: true,
- message:
- "‘2026-02 기말고사 간식행사’가 내일 열려요. 행사 일정과 장소를 확인해 주세요.",
- timeLabel: "1시간 전",
- type: "events",
- },
- {
- id: "6",
- isRead: true,
- message: "사물함을 신청했어요. 배정된 사물함 번호를 확인해 주세요.",
- timeLabel: "1시간 전",
- type: "lockers",
- },
-];
diff --git a/src/shared/entities/notifications/notificationsQueries.ts b/src/shared/entities/notifications/notificationsQueries.ts
index 3382eff9..1ee8d01a 100644
--- a/src/shared/entities/notifications/notificationsQueries.ts
+++ b/src/shared/entities/notifications/notificationsQueries.ts
@@ -1,14 +1,164 @@
-import { queryOptions } from "@tanstack/react-query";
+import {
+ type InfiniteData,
+ infiniteQueryOptions,
+ type QueryClient,
+ useMutation,
+ useQueryClient,
+} from "@tanstack/react-query";
+import { z } from "zod";
-import { mockupResponse } from "@/lib/mockupApi";
+import { api, type CursorSliceResponse } from "@/shared/api";
+import { BILLILGE_RENTAL_STATUSES } from "@/shared/entities/billilge/billilgeQueries";
import { notificationsKeys } from "@/shared/entities/notifications/notificationsKeys";
-import { NOTIFICATIONS } from "@/shared/entities/notifications/notificationsMock";
-// 실 API가 붙으면 queryFn 안쪽만 요청 코드로 바꾼다 — 화면은 이 queryOptions로만 데이터를 받는다.
+const NOTIFICATIONS_PATH = "/v1/app/notifications";
+const ADMIN_NOTIFICATIONS_PATH = "/v1/admin/notifications";
+
+// 관리자 알림함은 처리가 끝난 알림을 화면에서 거르느라 한 페이지에 보일 게 적을 수 있어서 서버 상한(100)씩 받는다
+const ADMIN_NOTIFICATIONS_PAGE_SIZE = 100;
+
+// 알림 한 건(서버 NotificationListItemResponse). type은 서버 NotificationType 이름이다 — 새 종류가 생겨도
+// 목록 전체가 깨지지 않게 문자열로 받고, 화면이 아는 종류만 그린다.
+export const notificationListItemSchema = z.looseObject({
+ notificationId: z.number(),
+ type: z.string(),
+ title: z.string(),
+ // 한 문장짜리 알림은 본문이 없다
+ body: z.string().nullable(),
+ targetId: z.number().nullable(),
+ read: z.boolean(),
+ // KST 일시("2026-11-05T13:59:00.123456")
+ createdAt: z.string(),
+});
+
+const notificationPageSchema = z.looseObject({
+ content: z.array(notificationListItemSchema),
+ hasNext: z.boolean(),
+ nextCursor: z.string().nullable(),
+});
+
+// 관리자 알림이 가리키는 대여 기록의 지금 값(서버 RentalSummary). 알림이 만들어진 시점 값이 아니다.
+export const adminRentalSummarySchema = z.looseObject({
+ rentalHistoryId: z.number(),
+ // 물품이 삭제됐으면 null
+ itemName: z.string().nullable(),
+ // 물품이 삭제됐거나 이미지가 없으면 null
+ itemImageUrl: z.string().nullable(),
+ rentedCount: z.number(),
+ // 탈퇴한 회원이면 서버가 "(탈퇴한 회원)"을 넣는다
+ memberName: z.string(),
+ // PENDING·CONFIRMED는 학생이 고른 희망 시각, RENTAL부터는 실제 수령 시각
+ rentAt: z.string().nullable(),
+ rentalStatus: z.enum(BILLILGE_RENTAL_STATUSES),
+});
+
+// 관리자 공용 알림 한 건(서버 AdminNotificationListItemResponse). title·body는 푸시 문구로 만들 때 고정되므로
+// 화면의 대여 건 표시와 버튼은 rental로 고른다. 대여 알림이 아니거나 대여 기록이 지워졌으면 rental은 null이다.
+export const adminNotificationListItemSchema =
+ notificationListItemSchema.extend({
+ rental: adminRentalSummarySchema.nullable(),
+ });
+
+const adminNotificationPageSchema = z.looseObject({
+ content: z.array(adminNotificationListItemSchema),
+ hasNext: z.boolean(),
+ nextCursor: z.string().nullable(),
+});
+
+type NotificationPage = z.infer;
+
+// 커서 목록의 다음 페이지 — 마지막 페이지면 null이라 더 받지 않는다
+function getNextCursor(lastPage: CursorSliceResponse) {
+ return lastPage.hasNext ? lastPage.nextCursor : null;
+}
+
+// 읽음 처리한 알림을 받아 둔 페이지에서 바로 읽음으로 바꾼다 — 목록을 다시 받지 않아도 배경이 바로 바뀐다
+function markReadInCache(
+ queryClient: QueryClient,
+ queryKey: readonly unknown[],
+ notificationId: number,
+) {
+ queryClient.setQueryData>(
+ queryKey,
+ (data) =>
+ data && {
+ ...data,
+ pages: data.pages.map((page) => ({
+ ...page,
+ content: page.content.map((notification) =>
+ notification.notificationId === notificationId
+ ? { ...notification, read: true }
+ : notification,
+ ),
+ })),
+ },
+ );
+}
+
+// 화면은 이 queryOptions로만 데이터를 받는다. 화면 모양으로 바꿔야 하면 화면 쪽에서 select를 더한다.
export const notificationsQueries = {
+ // 내 알림함을 최신순으로 이어 받는다(GET /v1/app/notifications)
list: () =>
- queryOptions({
+ infiniteQueryOptions({
queryKey: notificationsKeys.list(),
- queryFn: () => mockupResponse(() => NOTIFICATIONS),
+ queryFn: async ({ pageParam, signal }) =>
+ notificationPageSchema.parse(
+ await api.get(NOTIFICATIONS_PATH, {
+ // axios는 null인 파라미터를 보내지 않는다 — 첫 페이지는 cursor 없이 간다
+ params: { cursor: pageParam },
+ signal,
+ }),
+ ),
+ initialPageParam: null as string | null,
+ getNextPageParam: getNextCursor,
+ }),
+ // 관리자 공용 알림함을 최신순으로 이어 받는다(GET /v1/admin/notifications) — 관리자 전체가 같은 목록과 읽음 상태를 본다
+ adminList: () =>
+ infiniteQueryOptions({
+ queryKey: notificationsKeys.adminList(),
+ queryFn: async ({ pageParam, signal }) =>
+ adminNotificationPageSchema.parse(
+ await api.get(ADMIN_NOTIFICATIONS_PATH, {
+ params: { cursor: pageParam, size: ADMIN_NOTIFICATIONS_PAGE_SIZE },
+ signal,
+ }),
+ ),
+ initialPageParam: null as string | null,
+ getNextPageParam: getNextCursor,
}),
};
+
+// 내 알림 읽음 처리(PATCH /v1/app/notifications/{id}/read). 이미 읽은 알림이어도 서버는 성공으로 응답한다.
+// 누르자마자 배경이 바뀌도록 받아 둔 목록을 먼저 고치고, 실패하면 목록을 다시 받아 서버 값으로 돌린다.
+export function useMarkNotificationReadMutation() {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: (notificationId: number) =>
+ api.patch(`${NOTIFICATIONS_PATH}/${notificationId}/read`),
+ onMutate: (notificationId) =>
+ markReadInCache(queryClient, notificationsKeys.list(), notificationId),
+ onError: () =>
+ queryClient.invalidateQueries({ queryKey: notificationsKeys.list() }),
+ });
+}
+
+// 관리자 공용 알림 읽음 처리(PATCH /v1/admin/notifications/{id}/read) — 누가 처리해도 관리자 전체가 읽음으로 본다
+export function useMarkAdminNotificationReadMutation() {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: (notificationId: number) =>
+ api.patch(`${ADMIN_NOTIFICATIONS_PATH}/${notificationId}/read`),
+ onMutate: (notificationId) =>
+ markReadInCache(
+ queryClient,
+ notificationsKeys.adminList(),
+ notificationId,
+ ),
+ onError: () =>
+ queryClient.invalidateQueries({
+ queryKey: notificationsKeys.adminList(),
+ }),
+ });
+}
diff --git a/src/shared/entities/notifications/notificationsTypes.ts b/src/shared/entities/notifications/notificationsTypes.ts
index 9b655d03..45a0080d 100644
--- a/src/shared/entities/notifications/notificationsTypes.ts
+++ b/src/shared/entities/notifications/notificationsTypes.ts
@@ -1,4 +1,13 @@
+import type { z } from "zod";
+
+import type {
+ adminNotificationListItemSchema,
+ adminRentalSummarySchema,
+ notificationListItemSchema,
+} from "@/shared/entities/notifications/notificationsQueries";
+
// 알림 종류 — 아이콘·라벨이 종류마다 다르다. 빌릴게는 대여/반납 아이콘이 따로라 둘로 나눴다.
+// 서버 NotificationType 이름을 이 종류로 바꾸는 표는 features/notifications/constants/notifications.ts에 있다.
export type NotificationType =
| "billilgeRental"
| "billilgeReturn"
@@ -7,11 +16,13 @@ export type NotificationType =
| "events"
| "lockers";
-export interface NotificationItem {
- id: string;
- type: NotificationType;
- message: string;
- /** 이미 포맷된 표시용 문자열 (예: "1시간 전") — 실 API가 시각을 주면 화면 쪽에서 상대 시간으로 바꾼다 */
- timeLabel: string;
- isRead: boolean;
-}
+// 내 알림 한 건(GET /v1/app/notifications)
+export type NotificationListItem = z.infer;
+
+// 관리자 공용 알림 한 건(GET /v1/admin/notifications)
+export type AdminNotificationListItem = z.infer<
+ typeof adminNotificationListItemSchema
+>;
+
+// 관리자 알림이 가리키는 대여 기록의 지금 값
+export type AdminRentalSummary = z.infer;
+