Modify noOptionsText to indicate what queue does not exist

src/components/QueueSelector/QueueSelector.js

@@ -31,6 +31,7 @@ const getQueueCounts = async (access_token) => {
 export default function QueueSelector({ open, setOpen, value, setValue }) {
     const [queueCounts, setQueueCounts] = useState([]);
     const [isFirstRender, setIsFirstRender] = useState(true);
+    const [searchValue, setSearchValue] = useState("");
     const access_token = useToken();
     const loading = open && queueCounts.length === 0;
 
@@ -152,10 +153,11 @@ export default function QueueSelector({ open, setOpen, value, setValue }) {
                 options={queueCounts}
                 value={value}
                 onChange={handleChange}
+                onInputChange={(event, value, reason) => setSearchValue(value)}
                 getOptionLabel={(option) => `${option.name} (${option.number_of_items})`}
                 renderOption={optionRenderer}
                 getOptionSelected={ (option, value) => option.name === value.name }
-                noOptionsText={"Queue does not exist"}
+                noOptionsText={`'${searchValue}' queue does not exist.`}
                 size="small"
                 open={open}
                 onOpen={_ => setOpen(true)}