From ef1e84a41be616d9b9461cfcb38039e5dc0d64a2 Mon Sep 17 00:00:00 2001
From: rob thijssen <grenade@rob.tn>
Date: Tue, 5 May 2026 18:42:04 +0300
Subject: [PATCH] feat(ui): link forge icon to repo on project page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/ProjectPage.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/ProjectPage.tsx b/ui/src/pages/ProjectPage.tsx
index a8def26..ba345ac 100644
--- a/ui/src/pages/ProjectPage.tsx
+++ b/ui/src/pages/ProjectPage.tsx
@@ -54,7 +54,7 @@ export function ProjectPage() {
     <>
       <Row className="mb-3">
         <Col>
-          <h2><img src={forgeIcon(source ?? '')} alt={source} className="forge-icon" style={{ width: 24, height: 24 }} />{repo}</h2>
+          <h2><a href={repoUrl(source ?? '', host, repo)} target="_blank" rel="noopener noreferrer"><img src={forgeIcon(source ?? '')} alt={source} className="forge-icon" style={{ width: 24, height: 24 }} /></a>{repo}</h2>
           {langs && <LanguageBar languages={langs} />}
         </Col>
       </Row>
@@ -89,6 +89,15 @@ export function ProjectPage() {
   );
 }
 
+function repoUrl(source: string, host: string, repo: string): string {
+  switch (source) {
+    case 'github': return `https://github.com/${repo}`;
+    case 'gitea': return `https://${host}/${repo}`;
+    case 'hg': return `https://${host}/${repo}`;
+    default: return '#';
+  }
+}
+
 function forgeIcon(source: string): string {
   switch (source) {
     case 'github': return '/github.svg';