talksik/nirvana-v4
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

organizing

Browse Source
This commit is contained in:
talksik
2022-05-29 08:04:23 -05:00
parent 68f9c85ee8
commit aba572afe0
1 changed files with 74 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/Terminal.tsx
+74 -71
View File
@@ -62,7 +62,7 @@ import { User } from '@nirvana/core/src/models/user.model';
import { onSnapshot } from 'firebase/firestore'; import { onSnapshot } from 'firebase/firestore';
import NirvanaAvatar from './NirvanaAvatar'; import NirvanaAvatar from './NirvanaAvatar';
import { useDebounce, useKey, useKeyPressEvent } from 'react-use'; import { useDebounce, useKeyPressEvent } from 'react-use';
import KeyboardShortcutLabel from './KeyboardShortcutLabel'; import KeyboardShortcutLabel from './KeyboardShortcutLabel';
type ConversationMap = { type ConversationMap = {
@@ -359,6 +359,79 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
</Tooltip> </Tooltip>
</Stack> </Stack>
{searchVal ? (
<ListPeople people={searchUsersResults} />
) : (
<ListConversations
lookingForSomeone={selectedConversationId && !selectedConversation}
/>
)}
</Stack>
{/* footer controls */}
<Box
sx={{
top: 'auto',
bottom: 0,
position: 'absolute',
borderTop: '1px solid',
borderTopColor: blueGrey[100],
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-start',
gap: 2,
width: '100%',
}}
>
<Stack
spacing={1}
direction={'row'}
alignItems={'center'}
justifyContent={'flex-start'}
sx={{
color: 'GrayText',
p: 1,
flex: 1,
}}
>
<IconButton
onClick={handleClick}
size="small"
sx={{ mr: 'auto', borderRadius: 1 }}
aria-controls={open ? 'account-menu' : undefined}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
>
<Avatar alt={user.displayName} src={user.photoURL} />
</IconButton>
<Box
sx={{
mr: 'auto',
}}
component="div"
>
<Button size={'small'} color={'secondary'} variant="text">
flow
</Button>
</Box>
<Tooltip title="Sound configuration">
<IconButton color="inherit" size="small">
<FiHeadphones />
</IconButton>
</Tooltip>
<Tooltip title="Desktop modes">
<IconButton color="inherit" size="small">
<FiMonitor />
</IconButton>
</Tooltip>
</Stack>
<Menu <Menu
anchorEl={anchorEl} anchorEl={anchorEl}
id="account-menu" id="account-menu"
@@ -410,76 +483,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
<Typography color="warning">Logout</Typography> <Typography color="warning">Logout</Typography>
</MenuItem> </MenuItem>
</Menu> </Menu>
{searchVal ? (
<ListPeople people={searchUsersResults} />
) : (
<ListConversations
lookingForSomeone={selectedConversationId && !selectedConversation}
/>
)}
</Stack>
{/* footer controls */}
<Box
sx={{
top: 'auto',
bottom: 0,
position: 'absolute',
borderTop: '1px solid',
borderTopColor: blueGrey[100],
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-start',
gap: 2,
width: '100%',
}}
>
<Stack
spacing={1}
direction={'row'}
alignItems={'center'}
justifyContent={'flex-start'}
sx={{
color: 'GrayText',
p: 1,
flex: 1,
}}
>
<IconButton
onClick={handleClick}
size="small"
sx={{ mr: 'auto', borderRadius: 1 }}
aria-controls={open ? 'account-menu' : undefined}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
>
<Avatar alt={user.displayName} src={user.photoURL} />
</IconButton>
<Box
sx={{
mr: 'auto',
}}
component="div"
>
<Button size={'small'} color={'secondary'} variant="text">
flow
</Button>
</Box>
<Tooltip title="Sound configuration">
<IconButton color="inherit" size="small">
<FiHeadphones />
</IconButton>
</Tooltip>
<Tooltip title="Desktop modes">
<IconButton color="inherit" size="small">
<FiMonitor />
</IconButton>
</Tooltip>
</Stack>
</Box> </Box>
</Grid> </Grid>