From eb6d58d6d3f2614432b2d9646207d8da0125d626 Mon Sep 17 00:00:00 2001
From: drew-u410 <77423219+drew-u410@users.noreply.github.com>
Date: Sat, 7 Jun 2025 15:27:29 -0400
Subject: [PATCH] [search/browse] link repo name to file browser; link code
 image to external (#340)

---
 CHANGELOG.md                                  |  3 +++
 .../app/[domain]/components/pathHeader.tsx    | 27 +++++++++++--------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 80a0d09c..d07ef32a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+- Changed repository link in search to file tree + move external link to code host logo. [#340](https://github.com/sourcebot-dev/sourcebot/pull/340)
+
 ## [4.2.0] - 2025-06-09
 
 ### Added
diff --git a/packages/web/src/app/[domain]/components/pathHeader.tsx b/packages/web/src/app/[domain]/components/pathHeader.tsx
index 801979f7..02969a11 100644
--- a/packages/web/src/app/[domain]/components/pathHeader.tsx
+++ b/packages/web/src/app/[domain]/components/pathHeader.tsx
@@ -223,22 +223,27 @@ export const PathHeader = ({
     return (
         <div className="flex flex-row gap-2 items-center w-full overflow-hidden">
             {info?.icon ? (
-                <Image
-                    src={info.icon}
-                    alt={info.codeHostName}
-                    className={`w-4 h-4 ${info.iconClassName}`}
-                />
-            ): (
+                <a href={info.repoLink} target="_blank" rel="noopener noreferrer">
+                    <Image
+                        src={info.icon}
+                        alt={info.codeHostName}
+                        className={`w-4 h-4 ${info.iconClassName}`}
+                    />
+                </a>
+            ) : (
                 <LaptopIcon className="w-4 h-4" />
             )}
-            <Link
-                className={clsx("font-medium", {
-                    "cursor-pointer hover:underline": info?.repoLink,
+            <div
+                className="font-medium cursor-pointer hover:underline"
+                onClick={() => navigateToPath({
+                    repoName: repo.name,
+                    path: '',
+                    pathType: 'tree',
+                    revisionName: branchDisplayName,
                 })}
-                href={info?.repoLink ?? ""}
             >
                 {info?.displayName}
-            </Link>
+            </div>
             {branchDisplayName && (
                 <p
                     className="text-xs font-semibold text-gray-500 dark:text-gray-400 mt-[3px] flex items-center gap-0.5"