mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-04 22:40:29 +03:00
Update to use new icons (thank you)
This commit is contained in:
parent
e42a617fc2
commit
e78d1dab14
1 changed files with 3 additions and 7 deletions
|
|
@ -1,14 +1,10 @@
|
||||||
import { Box, Chip, Icon, IconButton, Icons, Text, Tooltip, TooltipProvider } from 'folds';
|
import { Box, Chip, Icon, IconButton, Icons, Text, Tooltip, TooltipProvider } from 'folds';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Room } from 'matrix-js-sdk';
|
|
||||||
import { useMatrixClient } from '../../hooks/useMatrixClient';
|
import { useMatrixClient } from '../../hooks/useMatrixClient';
|
||||||
import { useCallState } from '../../pages/client/call/CallProvider';
|
import { useCallState } from '../../pages/client/call/CallProvider';
|
||||||
import { useRoomNavigate } from '../../hooks/useRoomNavigate';
|
import { useRoomNavigate } from '../../hooks/useRoomNavigate';
|
||||||
|
|
||||||
type CallNavStatusProps = {
|
export function CallNavStatus() {
|
||||||
space: Room | null;
|
|
||||||
};
|
|
||||||
export function CallNavStatus({ space }: CallNavStatusProps) {
|
|
||||||
const {
|
const {
|
||||||
activeCallRoomId,
|
activeCallRoomId,
|
||||||
isAudioEnabled,
|
isAudioEnabled,
|
||||||
|
|
@ -64,7 +60,7 @@ export function CallNavStatus({ space }: CallNavStatusProps) {
|
||||||
>
|
>
|
||||||
{(triggerRef) => (
|
{(triggerRef) => (
|
||||||
<IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}>
|
<IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}>
|
||||||
<Icon src={!isAudioEnabled ? Icons.VolumeHigh : Icons.VolumeMute} />
|
<Icon src={!isAudioEnabled ? Icons.Mic : Icons.MicMute} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
)}
|
)}
|
||||||
</TooltipProvider>
|
</TooltipProvider>
|
||||||
|
|
@ -79,7 +75,7 @@ export function CallNavStatus({ space }: CallNavStatusProps) {
|
||||||
>
|
>
|
||||||
{(triggerRef) => (
|
{(triggerRef) => (
|
||||||
<IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}>
|
<IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}>
|
||||||
<Icon src={!isVideoEnabled ? Icons.Vlc : Icons.Lock} />
|
<Icon src={!isVideoEnabled ? Icons.VideoCamera : Icons.VideoCameraMute} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
)}
|
)}
|
||||||
</TooltipProvider>
|
</TooltipProvider>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue