juancwu/budgit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: space card for spaces list

Browse source
This commit is contained in:
juancwu 2026-04-11 15:38:20 +00:00
commit fec29bcc0e
7 changed files with 92 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

31
internal/ui/pages/spaces.templ
View file

@ -1,9 +1,34 @@
package pages
import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
import "git.juancwu.dev/juancwu/budgit/internal/ui/blocks"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/icon"
import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
templ Spaces() {
@layouts.App("Dashboard") {
<div>Spaces</div>
templ Spaces(spaces []blocks.SpaceCardInfo) {
@layouts.App("Spaces") {
<div class="container px-6 py-8">
<div class="mb-8 w-full flex justify-between items-center">
<div>
<h1 class="text-3xl font-bold">Spaces</h1>
<p class="text-muted-foreground mt-2">Manage and monitor your expenses across collaborative spaces.</p>
</div>
<div>
@button.Button(button.Props{
Class: "flex gap-2 items-center",
Href: routeurl.URL("page.app.create-space"),
}) {
@icon.Plus()
Create space
}
</div>
</div>
<div class="">
for _, space := range spaces {
@blocks.SpaceCard(space)
}
</div>
</div>
}
}