From 49d542605944b9b2ac8311ad85f8fc2b4daaf52a Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Fri, 17 Apr 2026 15:54:40 +0700
Subject: [PATCH] fix(app): swap github icon for external link on hover in
 checks row

---
 .../src/components/workspace-hover-card.tsx   | 28 ++++---------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/packages/app/src/components/workspace-hover-card.tsx b/packages/app/src/components/workspace-hover-card.tsx
index e5e0f6bad..a42b8baed 100644
--- a/packages/app/src/components/workspace-hover-card.tsx
+++ b/packages/app/src/components/workspace-hover-card.tsx
@@ -313,7 +313,11 @@ function WorkspaceHoverCardContent({
 
                   return (
                     <>
-                      <GitHubIcon size={12} color={theme.colors.foregroundMuted} />
+                      {hovered ? (
+                        <ExternalLink size={12} color={theme.colors.foregroundMuted} />
+                      ) : (
+                        <GitHubIcon size={12} color={theme.colors.foregroundMuted} />
+                      )}
                       <Text style={styles.checksSummaryLabel}>Checks</Text>
                       <View style={styles.checksSummaryCounts}>
                         <View style={[styles.checksDot, { backgroundColor: badgeColor }]} />
@@ -321,18 +325,6 @@ function WorkspaceHoverCardContent({
                           {badgeLabel}
                         </Text>
                       </View>
-                      {hovered ? (
-                        <View
-                          style={[
-                            styles.externalLinkOverlay,
-                            {
-                              backgroundImage: `linear-gradient(to right, transparent, ${theme.colors.surface2} 40%)`,
-                            } as any,
-                          ]}
-                        >
-                          <ExternalLink size={12} color={theme.colors.foreground} />
-                        </View>
-                      ) : null}
                     </>
                   );
                 }}
@@ -395,16 +387,6 @@ const styles = StyleSheet.create((theme) => ({
   listRowHovered: {
     backgroundColor: theme.colors.surface2,
   },
-  externalLinkOverlay: {
-    position: "absolute",
-    right: 0,
-    top: 0,
-    bottom: 0,
-    paddingLeft: theme.spacing[4],
-    paddingRight: theme.spacing[3],
-    alignItems: "center",
-    justifyContent: "center",
-  },
   checksSummaryRow: {
     flexDirection: "row",
     alignItems: "center",