index.tsx 732 B

1234567891011121314151617181920212223242526272829
  1. import Grid from '@mui/material/Grid'
  2. import { makeStyles } from '@material-ui/core'
  3. import HeaderBar from './HeaderBar'
  4. import ChatBar from './ChatBar'
  5. import { TRightIsOpen } from '../../../typescript/redux/control/types'
  6. const useStyles = makeStyles({
  7. chatBar: {
  8. background: 'linear-gradient(to bottom right, #e7f097 , #b1e667,#f4f75e)',
  9. },
  10. })
  11. const CentralBar = ({rightIsOpen}:{rightIsOpen:TRightIsOpen}) => {
  12. const classes = useStyles()
  13. return (
  14. <Grid item lg={rightIsOpen?8:12}>
  15. <Grid item lg={12} >
  16. <HeaderBar/>
  17. </Grid>
  18. <Grid item lg={12} className={classes.chatBar}>
  19. <ChatBar />
  20. </Grid>
  21. </Grid>
  22. )
  23. }
  24. export default CentralBar