Add log in / log off to messages page

WebApp/ts/messages.ts

@@ -1,3 +1,4 @@
+import { getMyAccount, unhideElementById } from './generalUseHelpers.js';
 // messages.ts
 
 async function getMyMessages() {
@@ -88,6 +89,15 @@ async function loadMessages() {
     }
 }
 
-document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', async () => {
+    try {
+        var user = await getMyAccount();
+        if (user) {
+            unhideElementById(document, "logout-btn");
+        }
+    } catch {
+        unhideElementById(document, "joinnow-btn");
+        unhideElementById(document, "signin-btn");
+    }
     loadMessages();
 });

WebApp/wwwroot/js/messages.js

@@ -1,5 +1,3 @@
-"use strict";
-// messages.ts
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -9,6 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { getMyAccount, unhideElementById } from './generalUseHelpers.js';
+// messages.ts
 function getMyMessages() {
     return __awaiter(this, void 0, void 0, function* () {
         const res = yield fetch('/api/messages/my', {
@@ -92,6 +92,16 @@ function loadMessages() {
         }
     });
 }
-document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', () => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        var user = yield getMyAccount();
+        if (user) {
+            unhideElementById(document, "logout-btn");
+        }
+    }
+    catch (_a) {
+        unhideElementById(document, "joinnow-btn");
+        unhideElementById(document, "signin-btn");
+    }
     loadMessages();
-});
+}));

WebApp/wwwroot/messages.html

@@ -106,6 +106,7 @@
     </div>
 
     <script type="module" src="/js/messages.js"></script>
+    <script type="module" src="js/auth.js"></script>
 
 </body>
 </html>