From fa551b30a15303b1eab9eb63cec915beff2b6c6c Mon Sep 17 00:00:00 2001
From: bluzername <bluzer@gmail.com>
Date: Fri, 27 Mar 2026 16:11:54 +0700
Subject: [PATCH] feat(ui): add "View all" links to dashboard sections

The dashboard show "Recent Activity" and "Recent Tasks" sections
with only the latest few items. But there was no way to navigate
to the full list from there. User had to manually click on
Activity or Issues in the sidebar to see everything.

Added small "View all" links next to each section header:
- Recent Activity -> links to /activity page
- Recent Tasks -> links to /issues page

The links use muted text color with hover transition so they
don't compete visually with the section content but are easy
to find when you need them.
---
 ui/src/pages/Dashboard.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/src/pages/Dashboard.tsx b/ui/src/pages/Dashboard.tsx
index c30f3bb4f1..81d07520dc 100644
--- a/ui/src/pages/Dashboard.tsx
+++ b/ui/src/pages/Dashboard.tsx
@@ -309,9 +309,12 @@ export function Dashboard() {
             {/* Recent Activity */}
             {recentActivity.length > 0 && (
               <div className="min-w-0">
-                <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-3">
-                  Recent Activity
-                </h3>
+                <div className="flex items-center justify-between gap-2 mb-3">
+                  <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
+                    Recent Activity
+                  </h3>
+                  <Link to="/activity" className="text-xs text-muted-foreground hover:text-foreground transition-colors">View all</Link>
+                </div>
                 <div className="border border-border divide-y divide-border overflow-hidden">
                   {recentActivity.map((event) => (
                     <ActivityRow
@@ -329,9 +332,12 @@ export function Dashboard() {
 
             {/* Recent Tasks */}
             <div className="min-w-0">
-              <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-3">
-                Recent Tasks
-              </h3>
+              <div className="flex items-center justify-between gap-2 mb-3">
+                <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
+                  Recent Tasks
+                </h3>
+                <Link to="/issues" className="text-xs text-muted-foreground hover:text-foreground transition-colors">View all</Link>
+              </div>
               {recentIssues.length === 0 ? (
                 <div className="border border-border p-4">
                   <p className="text-sm text-muted-foreground">No tasks yet.</p>