diff --git a/striker-ui/components/Display/FullSize.tsx b/striker-ui/components/Display/FullSize.tsx index 8a7c50e1..6e6240a9 100644 --- a/striker-ui/components/Display/FullSize.tsx +++ b/striker-ui/components/Display/FullSize.tsx @@ -2,22 +2,14 @@ import { Close as CloseIcon, Keyboard as KeyboardIcon, } from '@mui/icons-material'; -import { - Box, - IconButtonProps, - Menu, - MenuItem, - styled, - Typography, -} from '@mui/material'; +import { Box, IconButtonProps, Menu, styled, Typography } from '@mui/material'; import RFB from '@novnc/novnc/core/rfb'; import dynamic from 'next/dynamic'; import { useState, useEffect, FC, useMemo, useRef, useCallback } from 'react'; -import { TEXT } from '../../lib/consts/DEFAULT_THEME'; - import IconButton from '../IconButton'; import keyCombinations from './keyCombinations'; +import MenuItem from '../MenuItem'; import { Panel, PanelHeader } from '../Panels'; import Spinner from '../Spinner'; import { HeaderText } from '../Text'; @@ -28,8 +20,6 @@ const PREFIX = 'FullSize'; const classes = { displayBox: `${PREFIX}-displayBox`, spinnerBox: `${PREFIX}-spinnerBox`, - buttonsBox: `${PREFIX}-buttonsBox`, - keysItem: `${PREFIX}-keysItem`, }; const StyledDiv = styled('div')(() => ({ @@ -45,18 +35,6 @@ const StyledDiv = styled('div')(() => ({ alignItems: 'center', justifyContent: 'center', }, - - [`& .${classes.buttonsBox}`]: { - paddingTop: 0, - }, - - [`& .${classes.keysItem}`]: { - backgroundColor: TEXT, - paddingRight: '3em', - '&:hover': { - backgroundColor: TEXT, - }, - }, })); const VncDisplay = dynamic(() => import('./VncDisplay'), { ssr: false }); @@ -201,11 +179,7 @@ const FullSize: FC = ({ onClose={() => setAnchorEl(null)} > {keyCombinations.map(({ keys, scans }) => ( - handleSendKeys(scans)} - className={classes.keysItem} - key={keys} - > + handleSendKeys(scans)}> {keys} ))}