frontend/static/js/index.js

@@ -1,11 +1,12 @@
-import { Client } from "./api/client.js";
-
 import LoginView from "./views/accounts/LoginView.js";
 import Dashboard from "./views/Dashboard.js";
+import Settings from "./views/Settings.js";
 import Chat from "./views/Chat.js";
 import HomeView from "./views/HomeView.js";
 import RegisterView from "./views/accounts/RegisterView.js";
 import LogoutView from "./views/accounts/LogoutView.js";
+
+import { Client } from "./api/client.js";
 import AbstractRedirectView from "./views/AbstractRedirectView.js";
 import MeView from "./views/MeView.js";
 import ProfilePageView from "./views/profiles/ProfilePageView.js";
@@ -37,6 +38,7 @@ const router = async (uri) => {
         { path: "/", view: Dashboard },
         { path: "/profiles", view: ProfilesView},
         { path: "/profiles/:id", view: ProfilePageView },
+        { path: "/settings", view: Settings },
         { path: "/login", view: LoginView },
         { path: "/logout", view: LogoutView },
         { path: "/register", view: RegisterView },

frontend/static/js/views/MatchMakingView.js

@@ -14,6 +14,7 @@ export default class extends AbstractView {
     async postInit()
     {
         await client.matchmaking.start(game_found)
+        console.log("start matchmaking")
     }
 
     async getHtml() {

frontend/static/js/views/Settings.js

@@ -0,0 +1,14 @@
+import AbstractView from "./AbstractView.js";
+
+export default class extends AbstractView {
+    constructor(params) {
+        super(params, "Settings");
+    }
+
+    async getHtml() {
+        return `
+            <h1>Settings</h1>
+            <p>Manage your privacy and configuration.</p>
+        `;
+    }
+}