diff --git a/backend/src/Lobby.js b/backend/src/Lobby.js index 0dc41b7..3940ae2 100644 --- a/backend/src/Lobby.js +++ b/backend/src/Lobby.js @@ -17,7 +17,7 @@ module.exports = class Lobby { timelineIndex = 0; // For debugging purposes - speedFactor = 1; + speedFactor = 100; constructor(name) { this.name = name; diff --git a/frontend/package.json b/frontend/package.json index 6971dc2..02056c2 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -13,7 +13,6 @@ "antd": "^3.26.9", "react": "^16.12.0", "react-dom": "^16.12.0", - "react-radial-progress-indicator": "^1.4.1", "react-scripts": "3.3.1", "socket.io-client": "^2.3.0", "sscaffold-css": "^0.1.0", diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 304218e..2b8205b 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -18,7 +18,7 @@ const App = () => { setStarted(true); await player.current.play(); - player.current.volume = 0; + // player.current.volume = 0; }); socket.on('seek', async (sec: number) => { diff --git a/frontend/src/components/Feed.tsx b/frontend/src/components/Feed.tsx index b37a9f0..e42e14a 100644 --- a/frontend/src/components/Feed.tsx +++ b/frontend/src/components/Feed.tsx @@ -25,28 +25,25 @@ const Feed = () => { } if (tick.current === tick.next.timestamp) { - const newItems = tick.next.events as Event[]; + // Current tick is a new event. - const limit = Math.min(8, feedItems.length) - for (let i = 0; i < limit; i++) { + const newItems: any[] = []; + for (let i = 0; i < feedItems.length; i++) { newItems.push(feedItems[i]); } - - for (let j = 0; j < newItems.length; j++) { - newItems[j].key = j; + for (let j = 0; j < tick.next.events.length; j++) { + newItems.push(tick.next.events[j]); } + // @ts-ignore setFeedItems(newItems); - console.log(newItems) } - - console.log(feedItems) }); return () => { socket.off("tick_event"); } - }); + }, [feedItems]); return ( // @@ -60,12 +57,11 @@ const Feed = () => { // )} // - + {feedItems.map(item => {/*dot={logo}>*/} - {/*{item.text[0]} - {item.text[1]}*/} - {item} + {item.text[0]} - {item.text[1]} )}