feat: Fixes signup flow, begins updating form input fields.

This commit is contained in:
2026-01-12 18:53:45 -05:00
parent c2aedfac1a
commit fa9e8cffb0
10 changed files with 211 additions and 124 deletions

View File

@@ -57,37 +57,37 @@ struct UserProfileForm: HTML, Sendable {
label(.class("input w-full")) {
span(.class("label")) { "First Name" }
input(.name("firstName"), .required, .autofocus)
input(.name("firstName"), .value(profile?.firstName), .required, .autofocus)
}
label(.class("input w-full")) {
span(.class("label")) { "Last Name" }
input(.name("lastName"), .required)
input(.name("lastName"), .value(profile?.lastName), .required)
}
label(.class("input w-full")) {
span(.class("label")) { "Company" }
input(.name("companyName"), .required)
input(.name("companyName"), .value(profile?.companyName), .required)
}
label(.class("input w-full")) {
span(.class("label")) { "Address" }
input(.name("streetAddress"), .required)
input(.name("streetAddress"), .value(profile?.streetAddress), .required)
}
label(.class("input w-full")) {
span(.class("label")) { "City" }
input(.name("city"), .required)
input(.name("city"), .value(profile?.city), .required)
}
label(.class("input w-full")) {
span(.class("label")) { "State" }
input(.name("state"), .required)
input(.name("state"), .value(profile?.state), .required)
}
label(.class("input w-full")) {
span(.class("label")) { "Zip" }
input(.name("zipCode"), .required)
input(.name("zipCode"), .value(profile?.zipCode), .required)
}
div(.class("dropdown dropdown-top")) {

View File

@@ -8,46 +8,50 @@ struct UserView: HTML, Sendable {
var body: some HTML {
div {
Row {
h1(.class("text-2xl font-bold")) { "Account" }
EditButton()
.attributes(.showModal(id: UserProfileForm.id(profile)))
}
if let profile {
table(.class("table table-zebra")) {
tr {
td { Label("Name") }
td { "\(profile.firstName) \(profile.lastName)" }
}
tr {
td { Label("Company") }
td { profile.companyName }
}
tr {
td { Label("Street Address") }
td { profile.streetAddress }
}
tr {
td { Label("City") }
td { profile.city }
}
tr {
td { Label("State") }
td { profile.state }
}
tr {
td { Label("Zip Code") }
td { profile.zipCode }
}
tr {
td { Label("Theme") }
td { profile.theme?.rawValue ?? "" }
}
Navbar(sidebarToggle: false, userProfile: false)
div(.class("p-4")) {
Row {
h1(.class("text-2xl font-bold")) { "Account" }
EditButton()
.attributes(.showModal(id: UserProfileForm.id(profile)))
}
if let profile {
table(.class("table table-zebra border rounded-lg")) {
tr {
td { Label("Name") }
td { "\(profile.firstName) \(profile.lastName)" }
}
tr {
td { Label("Company") }
td { profile.companyName }
}
tr {
td { Label("Street Address") }
td { profile.streetAddress }
}
tr {
td { Label("City") }
td { profile.city }
}
tr {
td { Label("State") }
td { profile.state }
}
tr {
td { Label("Zip Code") }
td { profile.zipCode }
}
tr {
td { Label("Theme") }
td { profile.theme?.rawValue ?? "" }
}
}
}
UserProfileForm(userID: user.id, profile: profile, dismiss: true)
}
UserProfileForm(userID: user.id, profile: profile, dismiss: true)
}
}
}