tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 3 Projects Releases 2 Packages Wiki Activity Actions

(feat): add tooltips
All checks were successful
/ deploy (push) Successful in 14m56s
Details

Browse source 
(fix): small ui and layout bug
This commit is contained in:
Alois 2026-05-09 21:12:24 +02:00
commit dd09ca943d
10 changed files with 279 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

109
packages/call/src/components/actions.tsx
View file

@ -24,6 +24,7 @@ import {
ChevronUp,
Maximize,
Minimize,
ScreenShareOff,
SquareArrowOutDownLeft,
SquareArrowOutUpRight,
} from "lucide-react";
@ -96,68 +97,56 @@ export default function Actions() {
</div>
<Card className="p-1.75">
<CardContent className="p-0! flex gap-1.75">
<Tooltip>
<TooltipTrigger
render={
<MuteButton
className={sharedClasses}
iconSize={sharedIconSize}
/>
}
/>
<TooltipContent portalProps={{ container: portalContainer }}>
Mute
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger
render={
<DeafButton
className={sharedClasses}
iconSize={sharedIconSize}
/>
}
/>
<TooltipContent portalProps={{ container: portalContainer }}>
Deafen
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger
render={
<ScreenshareButton
className={sharedClasses}
iconSize={sharedIconSize}
/>
}
/>
<TooltipContent portalProps={{ container: portalContainer }}>
Screenshare
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger
render={
<InviteButton
className={sharedClasses}
iconSize={sharedIconSize}
/>
}
/>
<TooltipContent portalProps={{ container: portalContainer }}>
Invite
</TooltipContent>
</Tooltip>
<MuteButton
className={sharedClasses}
iconSize={sharedIconSize}
tooltip="Mute"
portalContainer={portalContainer}
/>
<DeafButton
className={sharedClasses}
iconSize={sharedIconSize}
tooltip="Deafen"
portalContainer={portalContainer}
/>
<ScreenshareButton
className={sharedClasses}
iconSize={sharedIconSize}
tooltip="Screenshare"
/>
<InviteButton
className={sharedClasses}
iconSize={sharedIconSize}
tooltip="Invite"
/>
{isWatchingFocusedStream ? (
<Button
className="h-10"
variant="destructive"
onClick={() => stopWatchingFocusedStream()}
>
Stop watching
</Button>
<Tooltip>
<TooltipTrigger
render={
<Button
className={sharedClasses}
variant="destructive"
onClick={() => stopWatchingFocusedStream()}
>
<ScreenShareOff
style={{
scale: (sharedIconSize ? sharedIconSize + 100 : 100) + "%",
}}
/>
</Button>
}
/>
<TooltipContent portalProps={{ container: portalContainer }}>
Stop watching
</TooltipContent>
</Tooltip>
) : (
<LeaveButton className={sharedClasses} iconSize={sharedIconSize} />
<LeaveButton
className={sharedClasses}
iconSize={sharedIconSize}
tooltip="Leave"
portalContainer={portalContainer}
/>
)}
</CardContent>
</Card>