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

Merge pull request #493 from vector-im/SimonBrandner/feat/volume-design

Browse source
This commit is contained in:
Šimon Brandner 2022-08-02 18:00:50 +02:00 • committed by GitHub
commit 3de8f9077d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 132 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

17
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 { VolumeIcon } from "./VolumeIcon";
export type ButtonVariant =
| "default"
@ -246,11 +246,18 @@ export function InviteButton({
);
}
export function OptionsButton(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={() => "Options"}>
<Button variant="icon" {...props}>
<OverflowIcon />
<TooltipTrigger tooltip={() => "Local volume"}>
<Button variant="icon" {...rest}>
<VolumeIcon volume={volume} />
</Button>
</TooltipTrigger>
);