authorgravatar for 118054752+extoci@users.noreply.github.comExotic <118054752+extoci@users.noreply.github.com> 2026-08-24 01:53:51+03:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-23 18:53:51-04:00
logb4be33f0747445f1c9df126e932c7b9792f322d5
tree0cebe59edad11c8536252af9680c499d3b0a087c
parent69e5ad88462f9f58dacaee9ca926dea8a658378b
signature Signed by PGP key B5690EEEBB952194

fix(desktop): keep release notes visible while downloading (#6412)

1 files changed, 15 insertions(+), 7 deletions(-)

apps/web/src/components/sidebar/SidebarUpdatePill.tsx+15-7
......@@ -179,11 +179,12 @@ function SidebarUpdateControl() {
179179 : showUpdateDetails
180180 ? isDesktopUpdateButtonDisabled(state)
181181 : !canCheckForUpdate(state);
182 const isInteractionDisabled = disabled || isActionPending;
182183
183184 const handleAction = useCallback(async () => {
184185 const bridge = window.desktopBridge;
185186 if (!bridge || !state) return;
186 if (disabled || isActionPending) return;
187 if (isInteractionDisabled) return;
187188
188189 setIsActionPending(true);
189190
......@@ -293,7 +294,7 @@ function SidebarUpdateControl() {
293294 );
294295 })
295296 .finally(() => setIsActionPending(false));
296 }, [action, disabled, isActionPending, prefersReducedMotion, state]);
297 }, [action, isInteractionDisabled, prefersReducedMotion, state]);
297298
298299 const handleCheckAnimationIteration = useCallback(() => {
299300 setIsCheckAnimationLatched(
......@@ -312,13 +313,20 @@ function SidebarUpdateControl() {
312313 <button
313314 type="button"
314315 aria-label={tooltip}
315 aria-disabled={disabled || isActionPending || undefined}
316 disabled={disabled || isActionPending}
316 aria-disabled={isInteractionDisabled || undefined}
317317 className={cn(
318 "inline-flex size-8 items-center justify-center rounded-full outline-hidden ring-ring transition-colors enabled:cursor-pointer focus-visible:ring-2 disabled:cursor-not-allowed",
318 "inline-flex size-8 items-center justify-center rounded-full outline-hidden ring-ring transition-colors focus-visible:ring-2",
319 isInteractionDisabled ? "cursor-not-allowed" : "cursor-pointer",
319320 showUpdateIconState
320 ? "bg-update-surface text-update-foreground enabled:hover:bg-update/12"
321 : "text-[var(--sidebar-icon-color)] enabled:hover:bg-sidebar-row-hover enabled:hover:text-sidebar-foreground",
321 ? cn(
322 "bg-update-surface text-update-foreground",
323 !isInteractionDisabled && "hover:bg-update/12",
324 )
325 : cn(
326 "text-[var(--sidebar-icon-color)]",
327 !isInteractionDisabled &&
328 "hover:bg-sidebar-row-hover hover:text-sidebar-foreground",
329 ),
322330 disabled && !showUpdateIconState && "opacity-60",
323331 )}
324332 onClick={handleAction}