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 (
{
- const { notficationList, meetingId, handWavingResponse } = useAlarmListService();
+ const { notificationList, meetingId, handWavingResponse } = useAlarmListService();
- const renderNotification = (notifiaciton: AlarmEventType, meetingId?: number) => {
- switch (notifiaciton.type) {
+ const renderNotification = (notification: AlarmEventType, meetingId?: number) => {
+ switch (notification.type) {
case 'HAND_WAVING_REQUESTED': {
- const handWavingId = notifiaciton.additionalData.handWavingId;
+ const handWavingId = notification.additionalData?.handWavingId;
return (