reuterShawn/remnantchat
1
0
Fork 0
forked from Shiloh/remnantchat
Code Pull Requests Activity

feat(ui): show divider in app bar

Browse Source
This commit is contained in:
Jeremy Kahn 2023-11-23 15:22:29 -06:00 committed by Jeremy Kahn
parent 35e0b88cbe
commit b9ec16ad4d
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Shell/ShellAppBar.tsx
View File

@ -1,4 +1,4 @@
import { styled } from '@mui/material/styles'
import { styled, useTheme } from '@mui/material/styles'
import IconButton from '@mui/material/IconButton'
import MuiAppBar, { AppBarProps as MuiAppBarProps } from '@mui/material/AppBar'
@ -9,6 +9,7 @@ import Tooltip from '@mui/material/Tooltip'
import Typography from '@mui/material/Typography'
import Slide from '@mui/material/Slide'
import Zoom from '@mui/material/Zoom'
import Divider from '@mui/material/Divider'
import ExpandMore from '@mui/icons-material/ExpandMore'
import Fullscreen from '@mui/icons-material/Fullscreen'
@ -85,6 +86,7 @@ export const ShellAppBar = ({
isFullscreen,
setIsFullscreen,
}: ShellAppBarProps) => {
const theme = useTheme()
const { peerList, isEmbedded, showRoomControls } = useContext(ShellContext)
const handleQRCodeClick = () => setIsQRCodeDialogOpen(true)
const onClickFullscreen = () => setIsFullscreen(!isFullscreen)
@ -149,6 +151,12 @@ export const ShellAppBar = ({
</Tooltip>
</>
)}
{isEmbedded ? null : (
<Divider
orientation="vertical"
sx={{ height: theme.spacing(3.5), mx: theme.spacing(1) }}
/>
)}
<Tooltip
title={
showRoomControls ? 'Hide Room Controls' : 'Show Room Controls'