go/sonr
1
0
Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-08-04 18:31:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add coin selection and update passkey input in registration form

Browse Source
This commit is contained in:
Prad Nukala
2024-12-11 11:36:52 -05:00
parent e2f24eef8e
commit 5b784659af
16 changed files with 235 additions and 444 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/gateway/handlers/register/ui/input_name.templ
+34
View File
@@ -0,0 +1,34 @@
package ui
type InputNameState string
const (
InputNameStateInitial InputNameState = "inital"
InputNameStateValid InputNameState = "valid"
InputNameStateInvalid InputNameState = "invalid"
)
func (s InputNameState) string() string {
return string(s)
}
templ InputName() {
<div hx-target="this" hx-swap="outerHTML" class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input>
</div>
}
templ InputNameError() {
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-red-500"></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-red-500"></sl-input>
</div>
}
templ InputNameValid() {
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus class="border-green-500"></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial" class="border-green-500"></sl-input>
</div>
}