diff --git a/src/components/QueueSelector/QueueSelector.js b/src/components/QueueSelector/QueueSelector.js index 072471d..5a4c41f 100644 --- a/src/components/QueueSelector/QueueSelector.js +++ b/src/components/QueueSelector/QueueSelector.js @@ -39,11 +39,11 @@ export default function QueueSelector({ open, setOpen, value, setValue }) { const theme = useTheme(); const useStyles = makeStyles({ - Paper_root: { + Paper_root: { margin: theme.spacing(1) } - }); - const classes = useStyles(); + }); + const classes = useStyles(); // Prepopulate Active Queues from Cookies useEffect( _ => { @@ -155,11 +155,12 @@ export default function QueueSelector({ open, setOpen, value, setValue }) { getOptionLabel={(option) => `${option.name} (${option.number_of_items})`} renderOption={optionRenderer} getOptionSelected={ (option, value) => option.name === value.name } + noOptionsText={"Queue does not exist"} size="small" open={open} onOpen={_ => setOpen(true)} onClose={_ => setOpen(false)} - loading={true} + loading={loading} disableCloseOnSelect disableListWrap fullWidth