I have a messenger app set up where there is a list of chat rooms. When someone clicks one from the list, the site removes the original conversation and loads up the new conversation. In Phoenix, I want the user to leave the original channel/topic and then join the new channel/topic. The problem I’ve discovered, is that when the user sends a message in the new conversation, it ends up going to the previous conversation as well. It doesn’t seem like convchannel.leave() is working. Here is my client-side Javascript:
let socket = new Phoenix.Socket("wss://app.example.com/socket", {params: () => {return {token: window.dbchattoken, anses: window.userid, at: window.at};},});
socket.connect();
let convchannel = null; # conversation channel doesn't exist on page load until user clicks first room.
let convpresence = null;
function loadConversation(roomid) { # when a user clicks on a room, load up conversation.
# ... remove old conversation / load up new conversation on the page.
if(convchannel !== null) { # if convchannel is initialized, leave existing room before joining the new one.
console.log("leave channel");
convchannel.leave();
}
convchannel = socket.channel("conv:"+roomid+"", {});
convpresence = new Phoenix.Presence(convchannel);
convchannel.join()
.receive("ok", resp => { console.log("Joined conversation successfully", resp); })
.receive("error", resp => { console.log("Error ", resp); })
convchannel.on("receiveMessage", (payload) => {console.log("receive message: ", payload); displayMessage(roomid,payload); });
}
I’m still sort of new to Phoenix, so I’m wondering if this is supposed to be handled in a different manner.
Thanks
