From 29741253d06ebe7370400045c7b9da1d3d8889cf Mon Sep 17 00:00:00 2001 From: Atridad Lahiji <88056492+atridadl@users.noreply.github.com> Date: Tue, 30 May 2023 16:44:01 -0600 Subject: [PATCH] Wow this took like 1 min wtf --- src/pages/room/[id].tsx | 30 ++++++++++++++++++++++++++---- src/server/api/routers/vote.ts | 31 +++++++++++++++++++++++++++++++ 2 files changed, 57 insertions(+), 4 deletions(-) diff --git a/src/pages/room/[id].tsx b/src/pages/room/[id].tsx index 748a851..401e339 100644 --- a/src/pages/room/[id].tsx +++ b/src/pages/room/[id].tsx @@ -121,6 +121,8 @@ const RoomBody: React.FC = () => { useEffect(() => { window.addEventListener("beforeunload", () => channel.presence.leave()); return () => { + localStorage.removeItem(`${roomId}_story_name`); + localStorage.removeItem(`${roomId}_room_scale`); window.removeEventListener("beforeunload", () => channel.presence.leave() ); @@ -131,8 +133,16 @@ const RoomBody: React.FC = () => { // Init story name useEffect(() => { if (sessionData && roomFromDb) { - setStoryNameText(roomFromDb.storyName || ""); - setRoomScale(roomFromDb.scale || "ERROR"); + setStoryNameText( + localStorage.getItem(`${roomId}_story_name`) || + roomFromDb.storyName || + "" + ); + setRoomScale( + localStorage.getItem(`${roomId}_room_scale`) || + roomFromDb.scale || + "ERROR" + ); } }, [roomFromDb, sessionData]); @@ -367,7 +377,13 @@ const RoomBody: React.FC = () => { placeholder="Scale (Comma Separated)" className="input input-bordered m-auto" value={roomScale} - onChange={(event) => setRoomScale(event.target.value)} + onChange={(event) => { + setRoomScale(event.target.value); + localStorage.setItem( + `${roomId}_room_scale`, + event.target.value + ); + }} /> @@ -377,7 +393,13 @@ const RoomBody: React.FC = () => { placeholder="Story Name" className="input input-bordered m-auto" value={storyNameText} - onChange={(event) => setStoryNameText(event.target.value)} + onChange={(event) => { + setStoryNameText(event.target.value); + localStorage.setItem( + `${roomId}_story_name`, + event.target.value + ); + }} />