diff --git a/striker-ui/components/Display/FullSize.tsx b/striker-ui/components/Display/FullSize.tsx index 66e46c51..25510eb1 100644 --- a/striker-ui/components/Display/FullSize.tsx +++ b/striker-ui/components/Display/FullSize.tsx @@ -1,20 +1,63 @@ +import { Dispatch, SetStateAction } from 'react'; +import { Box } from '@material-ui/core'; +import { makeStyles } from '@material-ui/core/styles'; +import CloseIcon from '@material-ui/icons/Close'; +import IconButton from '@material-ui/core/IconButton'; import VncDisplay from 'react-vnc-display'; import { Panel } from '../Panels'; -import { HeaderText } from '../Text'; +import { RED, TEXT } from '../../lib/consts/DEFAULT_THEME'; + +const useStyles = makeStyles(() => ({ + displayBox: { + paddingTop: '1em', + paddingBottom: 0, + }, + closeButton: { + borderRadius: 8, + backgroundColor: RED, + '&:hover': { + backgroundColor: RED, + }, + }, + closeBox: { + paddingLeft: '.7em', + paddingRight: 0, + }, +})); + +interface PreviewProps { + setMode: Dispatch>; +} + +const FullSize = ({ setMode }: PreviewProps): JSX.Element => { + const classes = useStyles(); -const Display = (): JSX.Element => { return ( - - + + + + + + setMode(true)} + > + + + + ); }; -export default Display; +export default FullSize;