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

Make the button icon change

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

15
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 AudioIcon } from "../icons/Audio.svg";
import { VolumeIcon } from "./VolumeIcon";
export type ButtonVariant =
| "default"
@ -239,11 +239,18 @@ export function InviteButton({
);
}
export function AudioButton(props: Omit<Props, "variant">) {
interface AudioButtonProps extends Omit<Props, "variant"> {
/**
* A number between 0 and 1
*/
volume: number;
}
export function AudioButton({ volume, ...rest }: AudioButtonProps) {
return (
<TooltipTrigger tooltip={() => "Local volume"}>
<Button variant="icon" {...props}>
<AudioIcon />
<Button variant="icon" {...rest}>
<VolumeIcon volume={volume} />
</Button>
</TooltipTrigger>
);