apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-16 18:25:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

added tooltip

Browse source
This commit is contained in:
Arjun 2026-03-17 20:36:00 +05:30
parent 7513ec69ac
commit a5f71497af
1 changed files with 25 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

44
apps/x/apps/renderer/src/App.tsx
View file

@ -431,25 +431,31 @@ function FixedSidebarToggle({
> >
<SearchIcon className="size-5" /> <SearchIcon className="size-5" />
</button> </button>
<button <Tooltip>
type="button" <TooltipTrigger asChild>
onClick={onToggleMeeting} <button
disabled={meetingState === 'connecting' || meetingState === 'stopping'} type="button"
className={cn( onClick={onToggleMeeting}
"flex h-8 w-8 items-center justify-center rounded-md transition-colors disabled:opacity-50 disabled:pointer-events-none", disabled={meetingState === 'connecting' || meetingState === 'stopping'}
meetingState === 'recording' className={cn(
? "text-red-500 hover:bg-accent" "flex h-8 w-8 items-center justify-center rounded-md transition-colors disabled:opacity-50 disabled:pointer-events-none",
: "text-muted-foreground hover:bg-accent hover:text-foreground" meetingState === 'recording'
)} ? "text-red-500 hover:bg-accent"
style={{ marginLeft: TITLEBAR_BUTTON_GAP_PX }} : "text-muted-foreground hover:bg-accent hover:text-foreground"
aria-label={meetingState === 'recording' ? "Stop meeting transcription" : "Start meeting transcription"} )}
> style={{ marginLeft: TITLEBAR_BUTTON_GAP_PX }}
{meetingState === 'recording' ? ( >
<SquareIcon className="size-4 animate-pulse" /> {meetingState === 'recording' ? (
) : ( <SquareIcon className="size-4 animate-pulse" />
<RadioIcon className="size-5" /> ) : (
)} <RadioIcon className="size-5" />
</button> )}
</button>
</TooltipTrigger>
<TooltipContent side="bottom">
{meetingState === 'recording' ? 'Stop meeting notes' : 'Take new meeting notes'}
</TooltipContent>
</Tooltip>
{/* Back / Forward navigation */} {/* Back / Forward navigation */}
{isCollapsed && ( {isCollapsed && (
<> <>