cleaning up footer controls

This commit is contained in:
talksik
2022-06-20 10:43:51 -05:00
parent de3c71517f
commit ec42adfc24
2 changed files with 41 additions and 46 deletions
+26 -45
View File
@@ -122,56 +122,37 @@ export default function FooterControls() {
/> />
))} ))}
</AvatarGroup> </AvatarGroup>
<Tooltip title="Paste image or link!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiLink />
</IconButton>
</Tooltip>
<Tooltip title="Show screen!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiAirplay />
</IconButton>
</Tooltip>
<Tooltip title="Show video!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiVideoOff />
</IconButton>
</Tooltip>
{/* todo: not speaking mode, speaking mode, locked in mode */}
<Tooltip title="Speak or toggle by clicking here!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiSun />
</IconButton>
</Tooltip>
</Stack> </Stack>
)} )}
<Stack sx={{ mt: 'auto' }} spacing={1} direction={'column'} alignItems={'center'}> <Stack sx={{ mt: 'auto' }} spacing={1} direction={'column'} alignItems={'center'}>
<Divider orientation="horizontal" flexItem /> <Divider orientation="horizontal" flexItem />
<Tooltip title="Show video!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiVideoOff />
</IconButton>
</Tooltip>
{/* todo: not speaking mode, speaking mode, locked in mode */}
<Tooltip title="Speak or toggle by clicking here!">
<IconButton
sx={{
color: 'white',
}}
size="small"
>
<FiSun />
</IconButton>
</Tooltip>
<Divider orientation="horizontal" flexItem />
<Tooltip title={'overlay mode'}> <Tooltip title={'overlay mode'}>
<Switch color="secondary" size="small" /> <Switch color="secondary" size="small" />
</Tooltip> </Tooltip>
+15 -1
View File
@@ -13,7 +13,7 @@ import {
Tooltip, Tooltip,
Typography, Typography,
} from '@mui/material'; } from '@mui/material';
import { FiSun, FiUserPlus, FiZap } from 'react-icons/fi'; import { FiAirplay, FiLink, FiSun, FiUserPlus, FiZap } from 'react-icons/fi';
import React, { useEffect, useMemo, useRef } from 'react'; import React, { useEffect, useMemo, useRef } from 'react';
import { Box } from '@mui/system'; import { Box } from '@mui/system';
@@ -102,6 +102,20 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
}} }}
spacing={1} spacing={1}
> >
<Tooltip title="Paste image or link!">
<IconButton size="small">
<FiLink />
</IconButton>
</Tooltip>
<Tooltip title="Show screen!">
<IconButton size="small">
<FiAirplay />
</IconButton>
</Tooltip>
<Divider orientation={'vertical'} flexItem />
<Tooltip title="Add to priority panel!"> <Tooltip title="Add to priority panel!">
{isPriority ? ( {isPriority ? (
<Fab size="small" color="primary"> <Fab size="small" color="primary">