authorgravatar for me@t3.ggTheo Browne <me@t3.gg> 2026-08-06 04:55:23-07:00
committergravatar for me@theo.liTheo Browne <me@theo.li> 2026-08-06 08:09:51-04:00
log48e2c27f2fef10520512fcfc482d022477ed18ab
tree1b9188f97e9e862ff5b8648e19d5e85acd1e3fcd
parent8b2ea5721a213c3e3e3bcab56eaea6fa0fa82714

fix(web): make update version tooltips accessible


2 files changed, 18 insertions(+), 3 deletions(-)

apps/web/src/components/ChatView.tsx+7-1
...@@ -2000,7 +2000,13 @@ function ChatViewContent(props: ChatViewProps) {...@@ -2000,7 +2000,13 @@ function ChatViewContent(props: ChatViewProps) {
2000 `${updateFailed ? "Could not update" : "Updating"} ${versionMismatchServerLabel}`2000 `${updateFailed ? "Could not update" : "Updating"} ${versionMismatchServerLabel}`
2001 ) : versionMismatch ? (2001 ) : versionMismatch ? (
2002 <Tooltip>2002 <Tooltip>
2003 <TooltipTrigger render={<span>Server update available</span>} />2003 <TooltipTrigger
2004 render={
2005 <button type="button" className="cursor-help rounded-sm text-left">
2006 Server update available
2007 </button>
2008 }
2009 />
2004 <TooltipPopup side="top">2010 <TooltipPopup side="top">
2005 {versionMismatchServerLabel} {versionMismatch.serverVersion}{" "}2011 {versionMismatchServerLabel} {versionMismatch.serverVersion}{" "}
2006 <span aria-hidden="true">→</span> {versionMismatch.clientVersion}2012 <span aria-hidden="true">→</span> {versionMismatch.clientVersion}
apps/web/src/components/settings/ConnectionsSettings.tsx+11-2
...@@ -1431,7 +1431,12 @@ function SavedBackendListRow({...@@ -1431,7 +1431,12 @@ function SavedBackendListRow({
1431 <Tooltip>1431 <Tooltip>
1432 <TooltipTrigger1432 <TooltipTrigger
1433 render={1433 render={
1434 <p className="w-fit text-muted-foreground text-xs">Server update available</p>1434 <button
1435 type="button"
1436 className="w-fit cursor-help rounded-sm text-left text-muted-foreground text-xs"
1437 >
1438 Server update available
1439 </button>
1435 }1440 }
1436 />1441 />
1437 <TooltipPopup side="top">1442 <TooltipPopup side="top">
...@@ -3008,7 +3013,11 @@ export function ConnectionsSettings() {...@@ -3008,7 +3013,11 @@ export function ConnectionsSettings() {
3008 ) : primaryVersionMismatch ? (3013 ) : primaryVersionMismatch ? (
3009 <Tooltip>3014 <Tooltip>
3010 <TooltipTrigger3015 <TooltipTrigger
3011 render={<span className="w-fit">Update to match this client.</span>}3016 render={
3017 <button type="button" className="w-fit cursor-help rounded-sm text-left">
3018 Update to match this client.
3019 </button>
3020 }
3012 />3021 />
3013 <TooltipPopup side="top">3022 <TooltipPopup side="top">
3014 {primaryVersionMismatch.serverVersion} <span aria-hidden="true">→</span>{" "}3023 {primaryVersionMismatch.serverVersion} <span aria-hidden="true">→</span>{" "}