The following tasks relate to component state synchronization. Various components on our website rely on Session State to decide which component state to show to the user (i.e., Signed-In vs Signed-Out):
[x] Create a second WebSocket connection to handle purely session state messages.
[x] Create WebSocket Context and Provider to provide App with a persistent global WebSocket connection.
[x] Modify Docker settings to accommodate new WebSocket.
[ ] Add onChange listener to update WebSocket Context each time Session changes.
[x] Add session fetch in server.js to update WebSocket context each time a page is reloaded or visited directly from outside the website.
[ ] Add validation to send message on session expiration.
The following tasks relate to component state synchronization. Various components on our website rely on Session State to decide which component state to show to the user (i.e., Signed-In vs Signed-Out):
server.js
to update WebSocket context each time a page is reloaded or visited directly from outside the website.