Profile + Edit Bio + Logout + styling

- Added handler for editing bio to handlers.js
- Added openProfile() and closeProfile() buttons in AppWindowContainer (Profile page is global)
- Added Logout and Profile functionality to Sidebar.js
  - SidebarItem(text).onClick() fires twice, unable to resolve
- Adjust Login page styling
- Added onLogout() to index.js (removes auth_token)
- Added Profile.js, displays user's profile picture (placeholder), name, and bio. User can edit bio.
- Added removeAuthToken() to util.js
- Added /signout to vite config
This commit is contained in:
2026-03-19 00:14:29 -04:00
parent ede464fb0d
commit 72f0518f9d
9 changed files with 185 additions and 9 deletions

View File

@@ -1,6 +1,9 @@
import "./AppWindow.js"
import "../Profile/Profile.js"
class AppWindowContainer extends Shadow {
isProfileOpen = false
render() {
ZStack(() => {
@@ -11,12 +14,26 @@ class AppWindowContainer extends Shadow {
})
.width(100, pct)
.gap(0)
if (this.isProfileOpen) {
Profile()
}
})
.height(100, pct)
.overflowY("hidden")
.display("flex")
.position("relative")
}
openProfile() {
this.isProfileOpen = true
this.rerender()
}
closeProfile() {
this.isProfileOpen = false
this.rerender()
}
}
register(AppWindowContainer)