diff --git a/public/assets/icon-bell.svg b/public/assets/icon-bell.svg new file mode 100644 index 0000000..86af1eb --- /dev/null +++ b/public/assets/icon-bell.svg @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/globals.css b/src/app/globals.css index a33c343..a6dde01 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,7 +3,6 @@ @tailwind utilities; :root { - @media (prefers-color-scheme: dark) { :root { --background: #0a0a0a; diff --git a/src/app/mobile/admin/notification/page.tsx b/src/app/mobile/admin/notification/page.tsx new file mode 100644 index 0000000..779a3a7 --- /dev/null +++ b/src/app/mobile/admin/notification/page.tsx @@ -0,0 +1,53 @@ +import MobileLayout from '@/components/mobile/layout'; +import NotificationItem from '@/components/mobile/NotificationItem'; +import Header from '@/components/mobile/Header'; +import { elapsedTime } from '@/utils/elapsedTime'; +import { NotificationProps } from '@/types/notificationType'; + +const NotificationDetail: AdminNotificationType[] = [ + { + notificationId: 0, + message: '메시지 1입니다', + link: '/desktop/login', + isRead: false, + status: 'ADMIN_RENTAL_APPLY', + createdAt: '2025-02-16T08:44:45.476Z', + }, + { + notificationId: 1, + message: '메시지 2입니다', + link: '/mobile', + isRead: true, + status: 'ADMIN_RENTAL_CANCEL', + createdAt: '2025-02-16T06:44:45.476Z', + }, + { + notificationId: 2, + message: + '메시지 두 줄 테스트입니다 두 줄 테스트 두 줄 테스트 두 줄 테스트 두 줄 테스트', + link: '/mobile', + isRead: true, + status: 'ADMIN_RETURN_APPLY', + createdAt: '2025-02-12T05:44:45.476Z', + }, +]; + +type AdminNotificationType = NotificationProps; + +export default function Notification() { + return ( + +
+ {NotificationDetail.map((item) => ( + + ))} + + ); +} diff --git a/src/app/mobile/notification/page.tsx b/src/app/mobile/notification/page.tsx new file mode 100644 index 0000000..9c98fe8 --- /dev/null +++ b/src/app/mobile/notification/page.tsx @@ -0,0 +1,53 @@ +import MobileLayout from '@/components/mobile/layout'; +import NotificationItem from '@/components/mobile/NotificationItem'; +import Header from '@/components/mobile/Header'; +import { elapsedTime } from '@/utils/elapsedTime'; +import { NotificationProps } from '@/types/notificationType'; + +const NotificationDetail: UserNotificationType[] = [ + { + notificationId: 0, + message: '메시지 1입니다', + link: '/desktop/login', + isRead: false, + status: 'USER_RENTAL_APPLY', + createdAt: '2025-02-16T08:44:45.476Z', + }, + { + notificationId: 1, + message: '메시지 2입니다', + link: '/mobile', + isRead: true, + status: 'USER_RENTAL_REJECTED', + createdAt: '2025-02-16T06:44:45.476Z', + }, + { + notificationId: 2, + message: + '메시지 두 줄 테스트입니다 두 줄 테스트 두 줄 테스트 두 줄 테스트 두 줄 테스트', + link: '/mobile', + isRead: true, + status: 'USER_RETURN_APPLY', + createdAt: '2025-02-12T05:44:45.476Z', + }, +]; + +type UserNotificationType = NotificationProps; + +export default function Notification() { + return ( + +
+ {NotificationDetail.map((item) => ( + + ))} + + ); +} diff --git a/src/components/mobile/Header/index.tsx b/src/components/mobile/Header/index.tsx index 4b5b8af..de9d979 100644 --- a/src/components/mobile/Header/index.tsx +++ b/src/components/mobile/Header/index.tsx @@ -13,7 +13,7 @@ export default function Header({ title, menu = false }: HeaderProps) { const router = useRouter(); return ( -
+
-
{title}
+
{title}
{menu ? (