From ce6f7123ddf6a219bd2adaff531397c5b4661fcb Mon Sep 17 00:00:00 2001
From: Geoffrey Allott <geoffrey@allott.email>
Date: Sat, 27 May 2023 18:03:35 +0100
Subject: [PATCH] use new created_in_last filter

---
 site/modules/gamelist.js | 3 +++
 site/modules/mainmenu.js | 6 +++---
 site/style/game-list.css | 6 ++++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/site/modules/gamelist.js b/site/modules/gamelist.js
index af118a3..1724630 100644
--- a/site/modules/gamelist.js
+++ b/site/modules/gamelist.js
@@ -57,6 +57,9 @@ export class GameList {
 
         const game_element = document.createElement("tr");
         game_element.classList.add("game-summary");
+        if (game.status.completed) {
+            game_element.classList.add("game-summary-completed");
+        }
 
         const id = document.createElement("td");
         id.innerText = "#" + game.id;
diff --git a/site/modules/mainmenu.js b/site/modules/mainmenu.js
index f65ea23..4c75b8e 100644
--- a/site/modules/mainmenu.js
+++ b/site/modules/mainmenu.js
@@ -16,7 +16,7 @@ export class MainMenu {
         texas_hold_em_text.innerText = "Texas Hold 'em";
         texas_hold_em.append(texas_hold_em_img);
         texas_hold_em.append(texas_hold_em_text);
-        texas_hold_em.onclick = () => this.send({type: "JoinLobby", filter: "format: TexasHoldEm and completed: false"});
+        texas_hold_em.onclick = () => this.send({type: "JoinLobby", filter: "format: TexasHoldEm and created_in_last: 2:00:00"});
         menu_container.append(texas_hold_em);
 
         const knock_out_whist = document.createElement("div");
@@ -27,7 +27,7 @@ export class MainMenu {
         knock_out_whist_text.innerText = "Knock-Out Whist";
         knock_out_whist.append(knock_out_whist_img);
         knock_out_whist.append(knock_out_whist_text);
-        knock_out_whist.onclick = () => this.send({type: "JoinLobby", filter: "format: KnockOutWhist and completed: false"});
+        knock_out_whist.onclick = () => this.send({type: "JoinLobby", filter: "format: KnockOutWhist and created_in_last: 2:00:00"});
         menu_container.append(knock_out_whist);
 
         const chatroom = document.createElement("div");
@@ -38,7 +38,7 @@ export class MainMenu {
         chatroom_text.innerText = "Chatroom";
         chatroom.append(chatroom_img);
         chatroom.append(chatroom_text);
-        chatroom.onclick = () => this.send({type: "JoinLobby", filter: "format: Chatroom"});
+        chatroom.onclick = () => this.send({type: "JoinLobby", filter: "format: Chatroom and created_in_last: 2:00:00"});
         menu_container.append(chatroom);
 
         this.container.append(menu_container);
diff --git a/site/style/game-list.css b/site/style/game-list.css
index b0c88fa..95b79a5 100644
--- a/site/style/game-list.css
+++ b/site/style/game-list.css
@@ -129,6 +129,12 @@
     background-color: #ffffff;
 }
 
+.game-summary-completed {
+    background-color: gold;
+    color: grey;
+    font-style: italic;
+}
+
 .game-summary:hover {
     background-color: #dfefff;
 }
-- 
2.34.1