diff --git a/src/components/dashboard/recent-activity.tsx b/src/components/dashboard/recent-activity.tsx
index 0359b55..77652c2 100644
--- a/src/components/dashboard/recent-activity.tsx
+++ b/src/components/dashboard/recent-activity.tsx
@@ -1,178 +1,51 @@
-"use client";
-
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { formatDistanceToNow } from "date-fns";
-import { CheckCheck, Wallet, DollarSign, CreditCard, ThumbsUp, Send } from "lucide-react";
-import { clsx } from "clsx";
-import { useWallet } from "@/hooks/use-wallet";
-import type { Notification } from "@/types";
-
-// TODO: Replace with real API responses once backend is ready
-const MOCK_NOTIFICATIONS: Notification[] = [
-  {
-    id: "mock-1",
-    recipient: "",
-    type: "contribution",
-    description: "Adaeze contributed 50 USDC to Eko Savings",
-    read: false,
-    createdAt: new Date(Date.now() - 1000 * 60 * 5).toISOString(),
-  },
-  {
-    id: "mock-2",
-    recipient: "",
-    type: "loan",
-    description: "Chidi applied for a 200 USDC loan",
-    read: true,
-    createdAt: new Date(Date.now() - 1000 * 60 * 60 * 2).toISOString(),
-  },
-  {
-    id: "mock-3",
-    recipient: "",
-    type: "vote",
-    description: "Voting ended for Proposal #12",
-    read: false,
-    createdAt: new Date(Date.now() - 1000 * 60 * 60 * 24).toISOString(),
-  },
-  {
-    id: "mock-4",
-    recipient: "",
-    type: "distribution",
-    description: "50 USDC distributed to your account",
-    read: true,
-    createdAt: new Date(Date.now() - 1000 * 60 * 60 * 48).toISOString(),
-  },
-];
+import { useWallet } from "@solana/wallet-adapter-react";
+
+type Activity = {
+  type: "contribution" | "loan" | "vote" | "distribution";
+  actor: string;
+  amount: string;
+  timestamp: number;
+  note?: string;
+};
 
-async function fetchNotifications(recipient: string): Promise<Notification[]> {
-  // TODO: connect to API
-  if (!recipient) return MOCK_NOTIFICATIONS;
-  try {
-    const res = await fetch(
-      `${process.env.NEXT_PUBLIC_API_URL}/api/notifications?recipient=${encodeURIComponent(recipient)}`
-    );
-    if (!res.ok) throw new Error("Failed to fetch notifications");
-    const data: unknown = await res.json();
-    if (!Array.isArray(data) || data.length === 0) return [];
-    return data as Notification[];
-  } catch {
-    // TODO: connect to API — returning mock data on error
-    return MOCK_NOTIFICATIONS;
-  }
-}
+const ICONS: Record<Activity["type"], string> = {
+  contribution: "\u{1F4B0}",
+  loan: "\u{1F3E7}",
+  vote: "\u{1F5F3}",
+  distribution: "\u{1F4E4}",
+};
 
-async function markNotificationAsRead(id: string): Promise<void> {
-  const res = await fetch(
-    `${process.env.NEXT_PUBLIC_API_URL}/api/notifications/${encodeURIComponent(id)}/read`,
-    { method: "PATCH" }
-  );
-  if (!res.ok) throw new Error("Failed to mark notification as read");
+async function fetchActivity(wallet: string) {
+  const res = await fetch(`/api/notifications?recipient=${wallet}`);
+  if (!res.ok) throw new Error("Failed to load activity");
+  return (await res.json()) as Activity[];
 }
 
-const ACTIVITY_CONFIG: Record<string, { icon: typeof DollarSign; color: string; bg: string }> = {
-  contribution: { icon: DollarSign, color: "text-green-600", bg: "bg-green-50" },
-  loan: { icon: CreditCard, color: "text-amber-600", bg: "bg-amber-50" },
-  vote: { icon: ThumbsUp, color: "text-blue-600", bg: "bg-blue-50" },
-  distribution: { icon: Send, color: "text-purple-600", bg: "bg-purple-50" },
-};
-
 export function RecentActivity() {
-  const { address, connect } = useWallet();
-  const queryClient = useQueryClient();
-
-  const { data = [], isLoading } = useQuery({
-    queryKey: ["notifications", address],
-    queryFn: () => fetchNotifications(address ?? ""),
-    enabled: !!address,
-    staleTime: 30_000,
-  });
+  const { connected, publicKey } = useWallet();
+  const wallet = publicKey?.toBase58() ?? "";
 
-  const mutation = useMutation({
-    mutationFn: markNotificationAsRead,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["notifications"] });
-    },
+  const { data, isLoading } = useQuery({
+    queryKey: ["activity", wallet],
+    queryFn: () => fetchActivity(wallet),
+    enabled: connected,
   });
 
-  const hasUnread = data.some((n) => !n.read);
-
-  if (!address) {
-    return (
-      <div className="bg-white rounded-xl border border-gray-200 p-5 h-64 flex flex-col items-center justify-center text-center gap-3">
-        <Wallet className="w-8 h-8 text-gray-300" />
-        <p className="text-sm text-gray-500">Connect your wallet to see activity</p>
-        <button
-          type="button"
-          onClick={connect}
-          className="text-xs font-medium text-brand-600 hover:text-brand-700 underline"
-        >
-          Connect Wallet
-        </button>
-      </div>
-    );
-  }
-
-  if (isLoading) {
-    return (
-      <div className="bg-white rounded-xl border border-gray-200 p-5 space-y-3">
-        <div className="h-4 w-24 bg-gray-100 animate-pulse rounded" />
-        {[...Array(4)].map((_, i) => (
-          <div key={i} className="flex items-center gap-3">
-            <div className="w-8 h-8 bg-gray-100 animate-pulse rounded-full" />
-            <div className="flex-1 space-y-2">
-              <div className="h-3 bg-gray-100 animate-pulse rounded" />
-              <div className="h-2 w-16 bg-gray-100 animate-pulse rounded" />
-            </div>
-          </div>
-        ))}
-      </div>
-    );
-  }
+  if (!connected) return <div className="recent-activity">Connect wallet to see activity.</div>;
+  if (isLoading) return <div className="recent-activity">Loading…</div>;
 
   return (
-    <div className="bg-white rounded-xl border border-gray-200 p-5 h-64 flex flex-col">
-      <div className="flex items-center justify-between mb-3">
-        <h3 className="text-sm font-semibold text-gray-900">Recent Activity</h3>
-        {hasUnread && (
-          <button
-            type="button"
-            disabled={mutation.isPending}
-            onClick={() => {
-              data.filter((n) => !n.read).forEach((n) => mutation.mutate(n.id));
-            }}
-            className="text-xs text-brand-600 hover:text-brand-700 font-medium flex items-center gap-1 disabled:opacity-50"
-          >
-            <CheckCheck className="w-3.5 h-3.5" />
-            Mark all read
-          </button>
-        )}
-      </div>
-      <div className="flex-1 overflow-y-auto -mx-5 px-5">
-        {data.length === 0 ? (
-          <div className="h-full flex flex-col items-center justify-center text-center">
-            <p className="text-sm text-gray-400">No recent activity</p>
-          </div>
-        ) : (
-          <div className="divide-y divide-gray-100">
-            {data.map((notification) => {
-              const config = ACTIVITY_CONFIG[notification.type] || ACTIVITY_CONFIG.contribution;
-              const Icon = config.icon;
-              return (
-                <div key={notification.id} className="flex items-start gap-3 py-3">
-                  <div className={clsx("w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0", config.bg)}>
-                    <Icon className={clsx("w-4 h-4", config.color)} />
-                  </div>
-                  <div className="flex-1 min-w-0">
-                    <p className="text-xs text-gray-700 leading-snug">{notification.description}</p>
-                    <p className="text-xs text-gray-400 mt-0.5">
-                      {formatDistanceToNow(new Date(notification.createdAt), { addSuffix: true })}
-                    </p>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        )}
-      </div>
+    <div className="recent-activity">
+      {data?.map((a, i) => (
+        <div key={i} className="activity-item">
+          <span className="activity-icon">{ICONS[a.type]}</span>
+          <span className="activity-actor">{a.actor}</span>
+          <span className="activity-note">{a.note ?? a.type}</span>
+          <span className="activity-time">{formatDistanceToNow(a.timestamp * 1000, { addSuffix: true })}</span>
+        </div>
+      ))}
     </div>
   );
 }