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>
<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 sx={{ mt: 'auto' }} spacing={1} direction={'column'} alignItems={'center'}>
<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'}>
<Switch color="secondary" size="small" />
</Tooltip>
+15 -1
View File
@@ -13,7 +13,7 @@ import {
Tooltip,
Typography,
} 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 { Box } from '@mui/system';
@@ -102,6 +102,20 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
}}
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!">
{isPriority ? (
<Fab size="small" color="primary">