diff --git a/src/button/Button.tsx b/src/button/Button.tsx index aa479eab..6012e5b9 100644 --- a/src/button/Button.tsx +++ b/src/button/Button.tsx @@ -18,7 +18,6 @@ import { SettingsSolidIcon, } from "@vector-im/compound-design-tokens/assets/web/icons"; -import RaiseHandIcon from "../icons/RaiseHand.svg?react"; import styles from "./Button.module.css"; interface MicButtonProps extends ComponentPropsWithoutRef<"button"> { @@ -104,11 +103,23 @@ export const RaiseHandButton: FC = ({ return ( + style={{ paddingLeft: 8, paddingRight: 8 }} + > +

+ ✋ +

+
); }; diff --git a/src/tile/MediaView.tsx b/src/tile/MediaView.tsx index 93515f86..c369625b 100644 --- a/src/tile/MediaView.tsx +++ b/src/tile/MediaView.tsx @@ -16,7 +16,6 @@ import { Text, Tooltip } from "@vector-im/compound-web"; import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons"; import styles from "./MediaView.module.css"; -import RaiseHandIcon from "../icons/RaiseHand.svg?react"; import { Avatar } from "../Avatar"; interface Props extends ComponentProps { @@ -91,7 +90,18 @@ export const MediaView = forwardRef(
{raisedHand && (
- +

+ ✋ +

)}