Fix multi queue loading in UI

src/App.js

@@ -13,15 +13,25 @@ function App() {
 	const [darkMode, setDarkMode] = useState(false);
 	const [activeItem, setActiveItem] = useState({});
 	const [sidebarOpen, setSidebarOpen] = useState(false);
+	const [queues, setQueues] = useState([]);
 	const [items, setItems] = useState([]);
 
-	useEffect(() => {
-		fetch("/api/ce")
-		.then(res => res.json())
-		.then(queue => {
-			setItems(queue.items)
-		})
-	}, [])
+	useEffect( _ => {
+		async function getQueues(){
+			const apiResponse = await fetch("/api/ce");
+			const queueJson = await apiResponse.json();
+			setQueues(queueJson);
+		}
+		getQueues();
+	}, []);
+
+	useEffect( _ => {
+		let tempItems = [];
+		for (let queue of queues){
+			tempItems = tempItems.concat(queue.items);
+		}
+		setItems(tempItems);
+	}, [queues]);
 
 	const theme = webqueueTheme(darkMode);
 	const transitionWidth = theme.transitions.create(["width"], {