From 8014f37d4f8eb8b1c44dd3e2b221f2ca6b1c6168 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 2 Sep 2026 16:35:27 +0200
Subject: [PATCH] web/repo: fill the watch icon while subscribed

Signed-off-by: eti <eti@eti.tf>
---
 web/src/lib/components/icons/EyeFilled.svelte     | 15 +++++++++++++++
 web/src/lib/components/repo/RepoHeader.svelte     |  3 +--
 .../lib/components/repo/SubscribeButton.svelte    |  4 ++--
 3 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 web/src/lib/components/icons/EyeFilled.svelte

diff --git a/web/src/lib/components/icons/EyeFilled.svelte b/web/src/lib/components/icons/EyeFilled.svelte
new file mode 100644
index 000000000..786826cc3
--- /dev/null
+++ b/web/src/lib/components/icons/EyeFilled.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { SVGAttributes } from "svelte/elements";
+
+	let { class: className = "size-4", ...rest }: SVGAttributes<SVGSVGElement> = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 28 20" class={className} {...rest}>
+	<title>Eye filled</title>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M13.7518 0C16.6601 0.000226607 19.5038 0.86379 21.9207 2.48145C24.1866 3.9981 25.9828 6.11404 27.1121 8.58789L27.3289 9.08789L27.3455 9.12988C27.5535 9.69089 27.5537 10.3082 27.3455 10.8691L27.3426 10.874C27.3382 10.8861 27.3338 10.8983 27.3289 10.9102C26.22 13.599 24.3378 15.8988 21.9207 17.5166C19.5038 19.1343 16.6601 19.9988 13.7518 19.999C10.8431 19.999 7.99818 19.1344 5.58089 17.5166C3.16379 15.8988 1.28164 13.599 0.172688 10.9102C0.167782 10.8982 0.16252 10.8861 0.15804 10.874L0.156087 10.8691C-0.0521266 10.3082 -0.051931 9.69091 0.156087 9.12988L0.172688 9.08789C1.28164 6.3991 3.16386 4.09926 5.58089 2.48145C7.99818 0.863599 10.8431 0 13.7518 0ZM13.7508 5.49902C11.2655 5.49902 9.25081 7.51374 9.25081 9.99902C9.25081 12.4843 11.2655 14.499 13.7508 14.499C16.236 14.4989 18.2508 12.4842 18.2508 9.99902C18.2508 7.5138 16.236 5.49912 13.7508 5.49902Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/web/src/lib/components/repo/RepoHeader.svelte b/web/src/lib/components/repo/RepoHeader.svelte
index 86b1d9519..0ca2ea720 100644
--- a/web/src/lib/components/repo/RepoHeader.svelte
+++ b/web/src/lib/components/repo/RepoHeader.svelte
@@ -36,8 +36,6 @@
 			initialCount={counts}
 			initialRkey={viewerStarRkey}
 		/>
-		<SubscribeButton repoDid={repo.repoDid ?? ""} />
-
 		<ButtonGroup class="flex-1">
 			<Button
 				href={resolve(`${base}/fork` as "/")}
@@ -70,6 +68,7 @@
 				{/if}
 			</Button>
 		</ButtonGroup>
+		<SubscribeButton repoDid={repo.repoDid ?? ""} />
 	</div>
 {/snippet}
 
diff --git a/web/src/lib/components/repo/SubscribeButton.svelte b/web/src/lib/components/repo/SubscribeButton.svelte
index 2a20d968a..0937caac0 100644
--- a/web/src/lib/components/repo/SubscribeButton.svelte
+++ b/web/src/lib/components/repo/SubscribeButton.svelte
@@ -2,7 +2,7 @@
 	import { page } from "$app/state";
 	import { resolve } from "$app/paths";
 	import Eye from "$icon/eye";
-	import EyeOff from "$icon/eye-off";
+	import EyeFilled from "$lib/components/icons/EyeFilled.svelte";
 	import TriangleAlert from "$icon/triangle-alert";
 	import { getAuth } from "$lib/auth.svelte";
 	import { loginWithReturn } from "$lib/auth/guards";
@@ -112,7 +112,7 @@
 		>
 			<span class="faces grid size-4 shrink-0" data-face={face} aria-hidden="true">
 				<Eye class="face off size-4" />
-				<EyeOff class="face on size-4" />
+				<EyeFilled class="face on size-4" />
 				<TriangleAlert class="face err size-4" />
 			</span>
 			<span class="labels" data-on={subscribed} aria-hidden="true">
-- 
2.51.2