diff --git a/packages/web-domains/src/home/common/apis/schema/Notification.schema.ts b/packages/web-domains/src/home/common/apis/schema/Notification.schema.ts index a0b266f8..393e2db6 100644 --- a/packages/web-domains/src/home/common/apis/schema/Notification.schema.ts +++ b/packages/web-domains/src/home/common/apis/schema/Notification.schema.ts @@ -18,7 +18,7 @@ export type AlarmEventType = { status: 'ACTIVE' | 'INACTIVE'; additionalData: { handWavingId: number; - }; + } | null; createdAt: number; }; diff --git a/packages/web-domains/src/home/features/notification/components/NotificationList.tsx b/packages/web-domains/src/home/features/notification/components/NotificationList.tsx index 3c951cfd..7a970c5f 100644 --- a/packages/web-domains/src/home/features/notification/components/NotificationList.tsx +++ b/packages/web-domains/src/home/features/notification/components/NotificationList.tsx @@ -1,6 +1,7 @@ import { colors } from '@sds/theme'; import { ReactNode } from 'react'; +import { EmptyView } from '@/common/components'; import { AlarmEventType } from '@/home/common/apis/schema/Notification.schema'; interface NotificationListProps { @@ -9,6 +10,18 @@ interface NotificationListProps { } export const NotificationList = ({ notificationList, renderItem }: NotificationListProps) => { + if (notificationList?.length === 0) { + return ( +
+ ; +
+ ); + } + return (