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() {...@@ -179,11 +179,12 @@ function SidebarUpdateControl() {
179 : showUpdateDetails179 : showUpdateDetails
180 ? isDesktopUpdateButtonDisabled(state)180 ? isDesktopUpdateButtonDisabled(state)
181 : !canCheckForUpdate(state);181 : !canCheckForUpdate(state);
182 const isInteractionDisabled = disabled || isActionPending;
182183
183 const handleAction = useCallback(async () => {184 const handleAction = useCallback(async () => {
184 const bridge = window.desktopBridge;185 const bridge = window.desktopBridge;
185 if (!bridge || !state) return;186 if (!bridge || !state) return;
186 if (disabled || isActionPending) return;187 if (isInteractionDisabled) return;
187188
188 setIsActionPending(true);189 setIsActionPending(true);
189190
...@@ -293,7 +294,7 @@ function SidebarUpdateControl() {...@@ -293,7 +294,7 @@ function SidebarUpdateControl() {
293 );294 );
294 })295 })
295 .finally(() => setIsActionPending(false));296 .finally(() => setIsActionPending(false));
296 }, [action, disabled, isActionPending, prefersReducedMotion, state]);297 }, [action, isInteractionDisabled, prefersReducedMotion, state]);
297298
298 const handleCheckAnimationIteration = useCallback(() => {299 const handleCheckAnimationIteration = useCallback(() => {
299 setIsCheckAnimationLatched(300 setIsCheckAnimationLatched(
...@@ -312,13 +313,20 @@ function SidebarUpdateControl() {...@@ -312,13 +313,20 @@ function SidebarUpdateControl() {
312 <button313 <button
313 type="button"314 type="button"
314 aria-label={tooltip}315 aria-label={tooltip}
315 aria-disabled={disabled || isActionPending || undefined}316 aria-disabled={isInteractionDisabled || undefined}
316 disabled={disabled || isActionPending}
317 className={cn(317 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",
319 showUpdateIconState320 showUpdateIconState
320 ? "bg-update-surface text-update-foreground enabled:hover:bg-update/12"321 ? cn(
321 : "text-[var(--sidebar-icon-color)] enabled:hover:bg-sidebar-row-hover enabled:hover:text-sidebar-foreground",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 ),
322 disabled && !showUpdateIconState && "opacity-60",330 disabled && !showUpdateIconState && "opacity-60",
323 )}331 )}
324 onClick={handleAction}332 onClick={handleAction}