Add screenshare button styling

This commit is contained in:
Robert Long
2021-10-01 11:24:49 -07:00
parent 0c475d7bac
commit 8a650c7323
4 changed files with 34 additions and 9 deletions

View File

@@ -9,6 +9,7 @@ import { ReactComponent as HangupIcon } from "./icons/Hangup.svg";
import { ReactComponent as SettingsIcon } from "./icons/Settings.svg";
import { ReactComponent as GridIcon } from "./icons/Grid.svg";
import { ReactComponent as SpeakerIcon } from "./icons/Speaker.svg";
import { ReactComponent as ScreenshareIcon } from "./icons/Screenshare.svg";
export function RoomButton({ on, className, children, ...rest }) {
return (
@@ -37,6 +38,18 @@ export function VideoButton({ enabled, ...rest }) {
);
}
export function ScreenshareButton({ enabled, className, ...rest }) {
return (
<RoomButton
className={classNames(styles.screenshareButton, className)}
{...rest}
on={enabled}
>
<ScreenshareIcon />
</RoomButton>
);
}
export function HangupButton({ className, ...rest }) {
return (
<RoomButton