Make async

smartbit · web-flow · commit 669f364c759e · 2025-02-09T14:17:12.000+01:00
diff --git a/ch2/frontend/index.html b/ch2/frontend/index.html
@@ -50,8 +50,17 @@
 <body>
 
 <div id="anonymous" style="display: none">
-    <!-- TODO login should be async, see https://www.keycloak.org/docs/latest/upgrading/index.html#methods-for-login-are-now-async -->
-    <button onclick="window.kc.login()">Login</button>
+    <button id="loginButton">Login</button>
+
+	<script>
+  		 document.getElementById('loginButton').addEventListener('click', async function() {
+    		try {
+      		await window.kc.login();
+    			} catch (error) {
+      		console.error("Login failed:", error);
+    			}
+  		});
+	</script>
 </div>
 
 <div id="user" style="display: none">
