diff --git a/src/App.js b/src/App.js
index 64afb00..1f4eb7f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,11 +13,13 @@ function App() {
const [darkMode, setDarkMode] = useState(false);
const [activeItem, setActiveItem] = useState({});
const [sidebarOpen, setSidebarOpen] = useState(false);
- const [itemQueue, setItemQueue] = useState([])
+ const [items, setItems] = useState([])
useEffect(() => {
- fetch("/api/ce").then(res => res.json()).then(queue => {
- setItemQueue(queue.items)
+ fetch("/api/ce")
+ .then(res => res.json())
+ .then(queue => {
+ setItems(queue.items)
})
}, [])
@@ -61,32 +63,22 @@ function App() {
-
+
- {itemQueue.length === 0 ? null :
+ {items.length === 0 ? null :
{
-
- /**
- * Returns true if an item matches the URL parameters.
- * @param item {Object} The item to compare.
- * @param match {Object} The match parameters.
- * @returns {boolean}
- */
- function itemMatchesURL(item, match) {
- let queueMatches = item.queue === match.params.queue;
- let numberMatches = item.number.toString() === match.params.number;
- return queueMatches && numberMatches;
- }
-
- let item = itemQueue.find(item => itemMatchesURL(item, match));
+ const item = items.find((item) => {
+ return item.queue === match.params.queue && item.number === Number(match.params.number);
+ });
if (item === undefined) {
- setSidebarOpen(true);
- return "Item doesn't exist :(";
+ return (
+
+ );
}
setActiveItem(item);
@@ -94,11 +86,13 @@ function App() {
return (
<>
-
+ {/* */}
>
);
- }}
- />}
+ }
+ }
+ />
+ }