add ability for user to have 'full name' added

Author: enchant97

backend/db/models.go

@@ -25,9 +25,10 @@ type TimeBase struct {
 type User struct {
 	UUIDBase
 	TimeBase
-	Username string `gorm:"uniqueIndex;not null;type:varchar(30)" json:"username"`
-	Password []byte `gorm:"not null" json:"-"`
-	Books    []Book `gorm:"foreignKey:OwnerID" json:"books,omitempty"`
+	Username string  `gorm:"uniqueIndex;not null;type:varchar(30)" json:"username"`
+	Password []byte  `gorm:"not null" json:"-"`
+	Name     *string `gorm:"size:128" json:"name"`
+	Books    []Book  `gorm:"foreignKey:OwnerID" json:"books,omitempty"`
 }
 
 func (u *User) SetPassword(newPlainPassword string) {

backend/db/types.go

@@ -3,13 +3,15 @@ package db
 import "github.com/google/uuid"
 
 type CreateUser struct {
-	Username string `json:"username" validate:"required,alphanum,min=3,max=30"`
-	Password string `json:"password" validate:"required"`
+	Username string  `json:"username" validate:"required,alphanum,min=3,max=30"`
+	Password string  `json:"password" validate:"required"`
+	Name     *string `json:"name"`
 }
 
 func (u *CreateUser) IntoUser() User {
 	user := User{
 		Username: u.Username,
+		Name:     u.Name,
 	}
 	user.SetPassword(u.Password)
 	return user

frontend/src/core/types.ts

@@ -19,6 +19,7 @@ export type OAuth2AccessToken = {
 export type User = {
     id: string
     username: string
+    name?: string
 }
 
 export type Book = {
@@ -39,6 +40,7 @@ export type Note = {
 export type CreateUser = {
     username: string
     password: string
+    name?: string
 }
 
 export type CreateBook = {

frontend/src/pages/signup.tsx

@@ -9,7 +9,12 @@ const Signup: Component = () => {
   const { api } = useApi()
   const { pushToast } = useToast()
   const navigate = useNavigate()
-  const [formDetails, setFormDetails] = createStore({ username: "", password: "", passwordConfirm: "" })
+  const [formDetails, setFormDetails] = createStore({
+      username: "",
+      password: "",
+      passwordConfirm: "",
+      name: "",
+  })
   const [loading, setLoading] = createSignal(false)
 
   const onSubmit = async (ev: Event) => {
@@ -18,6 +23,7 @@ const Signup: Component = () => {
     let result = await api().createUser({
       username: formDetails.username,
       password: formDetails.password,
+      name: formDetails.name || undefined,
     })
     setLoading(false)
     if (result instanceof ApiError) {
@@ -62,6 +68,19 @@ const Signup: Component = () => {
                   required
                 />
               </div>
+              <div class="form-control">
+                <label class="label">
+                  <span class="label-text">Full Name</span>
+                </label>
+                <input
+                  class="input input-bordered"
+                  value={formDetails.name}
+                  oninput={(ev) => { setFormDetails({ name: ev.currentTarget.value }) }}
+                  type="text"
+                  placeholder="e.g. Leo S"
+                  maxlength={128}
+                />
+              </div>
               <div class="form-control">
                 <label class="label">
                   <span class="label-text">Password</span>