studio/element-call
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement new in-call header and footer designs

Browse Source
This commit is contained in:
Robin
2023-09-08 15:39:10 -04:00
parent 40e31607d2
commit 1445c42cc3
41 changed files with 700 additions and 548 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/button/VolumeIcon.tsx
View File

@@ -15,19 +15,21 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import { ComponentPropsWithoutRef, FC } from "react";
import { ReactComponent as AudioMuted } from "../icons/AudioMuted.svg";
import { ReactComponent as AudioLow } from "../icons/AudioLow.svg";
import { ReactComponent as Audio } from "../icons/Audio.svg";
interface Props {
interface Props extends ComponentPropsWithoutRef<"svg"> {
/**
* Number between 0 and 1
*/
volume: number;
}
export function VolumeIcon({ volume }: Props) {
if (volume <= 0) return <AudioMuted />;
if (volume <= 0.5) return <AudioLow />;
return <Audio />;
}
export const VolumeIcon: FC<Props> = ({ volume, ...rest }) => {
if (volume <= 0) return <AudioMuted {...rest} />;
if (volume <= 0.5) return <AudioLow {...rest} />;
return <Audio {...rest} />;
};