fix(app): swap github icon for external link on hover in checks row

This commit is contained in:
Mohamed Boudra
2026-04-17 15:54:40 +07:00
parent d6585f7c3a
commit 49d5426059
@@ -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",