TypeScript!

ui/user-menu.ts

@@ -0,0 +1,50 @@
+import m, { ClosureComponent, Component } from "mithril";
+import * as store from "./store";
+import * as notifications from "./notifications";
+
+const component: ClosureComponent = (): Component => {
+  return {
+    view: () => {
+      if (window.username) {
+        return m(
+          "div.user-menu",
+          window.username,
+          m(
+            "button",
+            {
+              onclick: e => {
+                e.target.disabled = true;
+                store
+                  .logOut()
+                  .then(() => {
+                    location.hash = "";
+                    location.reload();
+                  })
+                  .catch(err => {
+                    e.target.disabled = false;
+                    notifications.push("error", err.message);
+                  });
+                return false;
+              }
+            },
+            "Log out"
+          )
+        );
+      } else {
+        return m(
+          "div.user-menu",
+          m(
+            "a",
+            {
+              href:
+                "#!/login?" + m.buildQueryString({ continue: m.route.get() })
+            },
+            "Log in"
+          )
+        );
+      }
+    }
+  };
+};
+
+export default component;