xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Get volume button inline with design

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-08-01 18:56:59 +02:00
commit 44ce76bcb1
No known key found for this signature in database
GPG key ID: D1D45825D60C24D2
3 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/button/Button.tsx
View file

@ -30,7 +30,7 @@ import { ReactComponent as SettingsIcon } from "../icons/Settings.svg";
import { ReactComponent as AddUserIcon } from "../icons/AddUser.svg";
import { ReactComponent as ArrowDownIcon } from "../icons/ArrowDown.svg";
import { TooltipTrigger } from "../Tooltip";
import { ReactComponent as OverflowIcon } from "../icons/Overflow.svg";
import { ReactComponent as AudioIcon } from "../icons/Audio.svg";
export type ButtonVariant =
| "default"
@ -239,11 +239,11 @@ export function InviteButton({
);
}
export function OptionsButton(props: Omit<Props, "variant">) {
export function AudioButton(props: Omit<Props, "variant">) {
return (
<TooltipTrigger tooltip={() => "Options"}>
<Button variant="icon" {...props}>
<OverflowIcon />
<Button variant="icon" {...props} tooltip={() => "Volume"}>
<AudioIcon />
</Button>
</TooltipTrigger>
);