match making exit button fix

berat-samli · Apr 23, 2024 · 43faf78 · 43faf78
1 parent e76a7a7
commit 43faf78
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/API/Apps/Game/consumers.py b/API/Apps/Game/consumers.py
@@ -35,6 +35,11 @@ def disconnect(self, close_code):
             self.channel_name,
         )
 
+    def receive(self, text_data=None, bytes_data=None):
+        text_data_json = json.loads(text_data)
+        if text_data_json['request_type'] == 'disconnect':
+            self.close()
+
     def match_making_message(self, event):
         self.send(text_data=json.dumps({
             'message': event['message'],

diff --git a/Backend/static/public/inbox.svg b/Backend/static/public/inbox.svg
diff --git a/Backend/static/public/logout.svg b/Backend/static/public/logout.svg
diff --git a/Backend/static/scripts/matchmaking.js b/Backend/static/scripts/matchmaking.js
@@ -41,11 +41,17 @@ async function connectToSocket() {
       handleTimer();
     }
   socket.onmessage = async (event) => {
-        const data = JSON.parse(event.data);
+    const data = JSON.parse(event.data);
     clearInterval(interval)
     await matchFounded()
-        loadPage(`/game/${data.game_id}`);
+    loadPage(`/game/${data.game_id}`);
     }
+  document.getElementById("close-matchmaking").addEventListener('click', () => {
+    socket.send(JSON.stringify({
+      request_type: "disconnect",
+    }))
+    loadPage('/home/')
+  })
 }
 async function App() {
   await connectToSocket();