authorgravatar for 73941998+UtkarshUsername@users.noreply.github.comUtkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com> 2026-08-22 02:31:47+05:30
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-21 17:01:47-04:00
log9b5d416872591d215c4a16d6f87798c8486522d8
tree8c1b27be6338e5cfa6d7dfbc29c2b434276ac34d
parent292c6dd8c242d2b5e2b727295dd17951e55c2d3d
signature Signed by PGP key B5690EEEBB952194

fix(web): give sidebar un-settle button a tooltip (#7796)


1 files changed, 18 insertions(+), 11 deletions(-)

apps/web/src/components/Sidebar.tsx+18-11
......@@ -1298,17 +1298,24 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: {
12981298 </button>
12991299 )
13001300 ) : !props.settlementSupported ? null : variantAction === "unsettle" ? (
1301 <button
1302 type="button"
1303 aria-label="Un-settle thread"
1304 onClick={handleUnsettleClick}
1305 className={cn(
1306 "pointer-events-none absolute inset-y-0 right-0 -mr-1 inline-flex cursor-pointer items-center gap-1 rounded-md bg-transparent px-1.5 text-xs text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:pointer-events-auto focus-visible:opacity-100 group-hover/sidebar-row:pointer-events-auto group-hover/sidebar-row:opacity-100",
1307 isWoke && "group-hover/sidebar-row:static",
1308 )}
1309 >
1310 <Undo2Icon className="mb-px size-3.5" />
1311 </button>
1301 <Tooltip>
1302 <TooltipTrigger
1303 render={
1304 <button
1305 type="button"
1306 aria-label="Un-settle thread"
1307 onClick={handleUnsettleClick}
1308 className={cn(
1309 "pointer-events-none absolute inset-y-0 right-0 -mr-1 inline-flex cursor-pointer items-center gap-1 rounded-md bg-transparent px-1.5 text-xs text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:pointer-events-auto focus-visible:opacity-100 group-hover/sidebar-row:pointer-events-auto group-hover/sidebar-row:opacity-100",
1310 isWoke && "group-hover/sidebar-row:static",
1311 )}
1312 />
1313 }
1314 >
1315 <Undo2Icon className="mb-px size-3.5" />
1316 </TooltipTrigger>
1317 <TooltipPopup side="top">Un-settle thread</TooltipPopup>
1318 </Tooltip>
13121319 ) : (
13131320 <button
13141321 type="button"