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) {
20002000 `${updateFailed ? "Could not update" : "Updating"} ${versionMismatchServerLabel}`
20012001 ) : versionMismatch ? (
20022002 <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 />
20042010 <TooltipPopup side="top">
20052011 {versionMismatchServerLabel} {versionMismatch.serverVersion}{" "}
20062012 <span aria-hidden="true">→</span> {versionMismatch.clientVersion}
apps/web/src/components/settings/ConnectionsSettings.tsx+11-2
......@@ -1431,7 +1431,12 @@ function SavedBackendListRow({
14311431 <Tooltip>
14321432 <TooltipTrigger
14331433 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>
14351440 }
14361441 />
14371442 <TooltipPopup side="top">
......@@ -3008,7 +3013,11 @@ export function ConnectionsSettings() {
30083013 ) : primaryVersionMismatch ? (
30093014 <Tooltip>
30103015 <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 }
30123021 />
30133022 <TooltipPopup side="top">
30143023 {primaryVersionMismatch.serverVersion} <span aria-hidden="true">→</span>{" "}