/ app / notifications / page.tsx
page.tsx
 1  import { Sidebar } from '@/components/Sidebar'
 2  import { NotificationItem } from '@/components/NotificationItem'
 3  
 4  export default function NotificationsPage() {
 5    return (
 6      <>
 7        <aside className="md:col-span-1">
 8          <Sidebar />
 9        </aside>
10        <main className="md:col-span-2 border-x">
11          <h2 className="text-xl font-bold p-4 border-b">Notifications</h2>
12          <div className="divide-y">
13            <NotificationItem
14              type="like"
15              username="John Doe"
16              content="Just setting up my Distcom clone!"
17              timestamp="2h ago"
18            />
19            <NotificationItem
20              type="retweet"
21              username="Jane Smith"
22              content="This Distcom clone looks amazing! Great job on the UI."
23              timestamp="4h ago"
24            />
25            <NotificationItem
26              type="reply"
27              username="Bob Johnson"
28              content="Hey everyone! How's your day going? #TwitterClone"
29              timestamp="6h ago"
30            />
31            <NotificationItem
32              type="follow"
33              username="Alice Williams"
34              content=""
35              timestamp="1d ago"
36            />
37          </div>
38        </main>
39        <aside className="hidden md:block md:col-span-1">
40          {/* You can add a "Who to follow" section or trending topics here */}
41        </aside>
42      </>
43    )
44  }
45