sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-19 05:54:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor notification page UI components, remove unnecessary imports and update notification card layout

Browse Source
This commit is contained in:
Pattadon 2024-09-13 14:02:43 +07:00
parent 72d72a550e
commit 60c9af3214
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/notification/page.tsx
View File

@ -19,22 +19,24 @@ export default function Notification() {
<CardContent>
<Card>
<CardContent>
{sampleNotifications.map((notification, index) => (
<div key={index} className="flex items-center justify-between p-4 bg-white border-b border-gray-200">
<div className="flex items-center">
<BellIcon className="w-5 h-5 text-blue-500 mr-3" />
<div>
<p className="text-sm font-medium text-gray-900">
{notification.message}
</p>
<p className="text-xs text-gray-500">{notification.time}</p>
{sampleNotifications.map((notification, _) => (
<div className="flex items-center justify-between p-4 border-b border-gray-200">
<div className="flex items-center">
<BellIcon className="w-5 h-5 text-blue-500 mr-3" />
<div>
<p className="text-sm font-medium ">
{notification.message}
</p>
<p className="text-xs text-gray-500">
{notification.time}
</p>
</div>
</div>
<button className="text-sm text-blue-500 hover:text-blue-600">
Mark as read
</button>
</div>
<button className="text-sm text-blue-500 hover:text-blue-600">
Mark as read
</button>
</div>
))}
))}
</CardContent>
</Card>
</CardContent>