diff --git a/app/src/components/add_group_member.rs b/app/src/components/add_group_member.rs
index 61b9938..0ac4e23 100644
--- a/app/src/components/add_group_member.rs
+++ b/app/src/components/add_group_member.rs
@@ -149,18 +149,19 @@ impl Component for AddGroupMemberComponent {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         if let Some(user_list) = &self.user_list {
             let to_add_user_list = self.get_selectable_user_list(user_list);
             #[allow(unused_braces)]
             let make_select_option = |user: User| {
                 html_nested! {
-                    <SelectOption value=user.id.clone() text=user.display_name.clone() key=user.id />
+                    <SelectOption value={user.id.clone()} text={user.display_name.clone()} key={user.id} />
                 }
             };
             html! {
             <div class="row">
               <div class="col-sm-3">
-                <Select on_selection_change=self.common.callback(Msg::SelectionChanged)>
+                <Select on_selection_change={link.callback(Msg::SelectionChanged)}>
                   {
                     to_add_user_list
                         .into_iter()
@@ -172,8 +173,8 @@ impl Component for AddGroupMemberComponent {
               <div class="col-3">
                 <button
                   class="btn btn-secondary"
-                  disabled=self.selected_user.is_none() || self.common.is_task_running()
-                  onclick=self.common.callback(|_| Msg::SubmitAddMember)>
+                  disabled={self.selected_user.is_none() || self.common.is_task_running()}
+                  onclick={link.callback(|_| Msg::SubmitAddMember)}>
                    <i class="bi-person-plus me-2"></i>
                   {"Add to group"}
                 </button>
diff --git a/app/src/components/add_user_to_group.rs b/app/src/components/add_user_to_group.rs
index 3d7d3f0..1130ffb 100644
--- a/app/src/components/add_user_to_group.rs
+++ b/app/src/components/add_user_to_group.rs
@@ -162,18 +162,19 @@ impl Component for AddUserToGroupComponent {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         if let Some(group_list) = &self.group_list {
             let to_add_group_list = self.get_selectable_group_list(group_list);
             #[allow(unused_braces)]
             let make_select_option = |group: Group| {
                 html_nested! {
-                    <SelectOption value=group.id.to_string() text=group.display_name key=group.id />
+                    <SelectOption value={group.id.to_string()} text={group.display_name} key={group.id} />
                 }
             };
             html! {
             <div class="row">
               <div class="col-sm-3">
-                <Select on_selection_change=self.common.callback(Msg::SelectionChanged)>
+                <Select on_selection_change={link.callback(Msg::SelectionChanged)}>
                   {
                     to_add_group_list
                         .into_iter()
@@ -185,8 +186,8 @@ impl Component for AddUserToGroupComponent {
               <div class="col-sm-3">
                 <button
                   class="btn btn-secondary"
-                  disabled=self.selected_group.is_none() || self.common.is_task_running()
-                  onclick=self.common.callback(|_| Msg::SubmitAddGroup)>
+                  disabled={self.selected_group.is_none() || self.common.is_task_running()}
+                  onclick={link.callback(|_| Msg::SubmitAddGroup)}>
                   <i class="bi-person-plus me-2"></i>
                   {"Add to group"}
                 </button>
diff --git a/app/src/components/app.rs b/app/src/components/app.rs
index e20fed7..69ef406 100644
--- a/app/src/components/app.rs
+++ b/app/src/components/app.rs
@@ -128,7 +128,7 @@ impl Component for App {
               <div class="row justify-content-center" style="padding-bottom: 80px;">
                 <div class="py-3" style="max-width: 1000px">
                   <Router<AppRoute>
-                    render = Router::render(move |s| Self::dispatch_route(s, &link, is_admin, password_reset_enabled))
+                    render={Router::render(move |s| Self::dispatch_route(s, &link, is_admin, password_reset_enabled))}
                   />
                 </div>
               </div>
@@ -198,7 +198,7 @@ impl App {
     ) -> Html {
         match switch {
             AppRoute::Login => html! {
-                <LoginForm on_logged_in=link.callback(Msg::Login) password_reset_enabled=password_reset_enabled.unwrap_or(false)/>
+                <LoginForm on_logged_in={link.callback(Msg::Login)} password_reset_enabled={password_reset_enabled.unwrap_or(false)}/>
             },
             AppRoute::CreateUser => html! {
                 <CreateUserForm/>
@@ -206,7 +206,7 @@ impl App {
             AppRoute::Index | AppRoute::ListUsers => html! {
                 <div>
                   <UserTable />
-                  <NavButton classes="btn btn-primary" route=AppRoute::CreateUser>
+                  <NavButton classes="btn btn-primary" route={AppRoute::CreateUser}>
                     <i class="bi-person-plus me-2"></i>
                     {"Create a user"}
                   </NavButton>
@@ -218,20 +218,20 @@ impl App {
             AppRoute::ListGroups => html! {
                 <div>
                   <GroupTable />
-                  <NavButton classes="btn btn-primary" route=AppRoute::CreateGroup>
+                  <NavButton classes="btn btn-primary" route={AppRoute::CreateGroup}>
                     <i class="bi-plus-circle me-2"></i>
                     {"Create a group"}
                   </NavButton>
                 </div>
             },
             AppRoute::GroupDetails(group_id) => html! {
-                <GroupDetails group_id=group_id />
+                <GroupDetails group_id={group_id} />
             },
             AppRoute::UserDetails(username) => html! {
-                <UserDetails username=username is_admin=is_admin />
+                <UserDetails username={username} is_admin={is_admin} />
             },
             AppRoute::ChangePassword(username) => html! {
-                <ChangePasswordForm username=username is_admin=is_admin />
+                <ChangePasswordForm username={username} is_admin={is_admin} />
             },
             AppRoute::StartResetPassword => match password_reset_enabled {
                 Some(true) => html! { <ResetPasswordStep1Form /> },
@@ -242,7 +242,7 @@ impl App {
                 None => html! {},
             },
             AppRoute::FinishResetPassword(token) => match password_reset_enabled {
-                Some(true) => html! { <ResetPasswordStep2Form token=token /> },
+                Some(true) => html! { <ResetPasswordStep2Form token={token} /> },
                 Some(false) => {
                     App::dispatch_route(AppRoute::Login, link, is_admin, password_reset_enabled)
                 }
@@ -252,6 +252,7 @@ impl App {
     }
 
     fn view_banner(&self) -> Html {
+        let link = &self.link;
         html! {
           <header class="p-2 mb-3 border-bottom">
             <div class="container">
@@ -266,7 +267,7 @@ impl App {
                       <li>
                         <Link
                           classes="nav-link px-2 link-dark h6"
-                          route=AppRoute::ListUsers>
+                          route={AppRoute::ListUsers}>
                           <i class="bi-people me-2"></i>
                           {"Users"}
                         </Link>
@@ -274,7 +275,7 @@ impl App {
                       <li>
                         <Link
                           classes="nav-link px-2 link-dark h6"
-                          route=AppRoute::ListGroups>
+                          route={AppRoute::ListGroups}>
                           <i class="bi-collection me-2"></i>
                           {"Groups"}
                         </Link>
@@ -312,13 +313,13 @@ impl App {
                           <li>
                             <Link
                               classes="dropdown-item"
-                              route=AppRoute::UserDetails(user_id.clone())>
+                              route={AppRoute::UserDetails(user_id.clone())}>
                               {"View details"}
                             </Link>
                           </li>
                           <li><hr class="dropdown-divider" /></li>
                           <li>
-                            <LogoutButton on_logged_out=self.link.callback(|_| Msg::Logout) />
+                            <LogoutButton on_logged_out={link.callback(|_| Msg::Logout)} />
                           </li>
                         </ul>
                       </div>
diff --git a/app/src/components/change_password.rs b/app/src/components/change_password.rs
index dd43369..6b08822 100644
--- a/app/src/components/change_password.rs
+++ b/app/src/components/change_password.rs
@@ -212,6 +212,7 @@ impl Component for ChangePasswordForm {
 
     fn view(&self) -> Html {
         let is_admin = self.common.is_admin;
+        let link = &self.common;
         type Field = yew_form::Field<FormModel>;
         html! {
           <>
@@ -239,14 +240,14 @@ impl Component for ChangePasswordForm {
                   </label>
                   <div class="col-sm-10">
                     <Field
-                      form=&self.form
+                      form={&self.form}
                       field_name="old_password"
                       input_type="password"
                       class="form-control"
                       class_invalid="is-invalid has-error"
                       class_valid="has-success"
                       autocomplete="current-password"
-                      oninput=self.common.callback(|_| Msg::FormUpdate) />
+                      oninput={link.callback(|_| Msg::FormUpdate)} />
                     <div class="invalid-feedback">
                       {&self.form.field_message("old_password")}
                     </div>
@@ -262,14 +263,14 @@ impl Component for ChangePasswordForm {
                 </label>
                 <div class="col-sm-10">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="password"
                     input_type="password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
-                    oninput=self.common.callback(|_| Msg::FormUpdate) />
+                    oninput={link.callback(|_| Msg::FormUpdate)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("password")}
                   </div>
@@ -284,14 +285,14 @@ impl Component for ChangePasswordForm {
                 </label>
                 <div class="col-sm-10">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="confirm_password"
                     input_type="password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
-                    oninput=self.common.callback(|_| Msg::FormUpdate) />
+                    oninput={link.callback(|_| Msg::FormUpdate)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("confirm_password")}
                   </div>
@@ -301,14 +302,14 @@ impl Component for ChangePasswordForm {
                 <button
                   class="btn btn-primary col-auto col-form-label"
                   type="submit"
-                  disabled=self.common.is_task_running()
-                  onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})>
+                  disabled={self.common.is_task_running()}
+                  onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})}>
                   <i class="bi-save me-2"></i>
                   {"Save changes"}
                 </button>
                 <NavButton
                   classes="btn btn-secondary ms-2 col-auto col-form-label"
-                  route=AppRoute::UserDetails(self.common.username.clone())>
+                  route={AppRoute::UserDetails(self.common.username.clone())}>
                   <i class="bi-arrow-return-left me-2"></i>
                   {"Back"}
                 </NavButton>
diff --git a/app/src/components/create_group.rs b/app/src/components/create_group.rs
index d3e9b45..8dcafec 100644
--- a/app/src/components/create_group.rs
+++ b/app/src/components/create_group.rs
@@ -97,6 +97,7 @@ impl Component for CreateGroupForm {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         type Field = yew_form::Field<CreateGroupModel>;
         html! {
           <div class="row justify-content-center">
@@ -113,13 +114,13 @@ impl Component for CreateGroupForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="groupname"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="groupname"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("groupname")}
                   </div>
@@ -129,8 +130,8 @@ impl Component for CreateGroupForm {
                 <button
                   class="btn btn-primary col-auto col-form-label"
                   type="submit"
-                  disabled=self.common.is_task_running()
-                  onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitForm})>
+                  disabled={self.common.is_task_running()}
+                  onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitForm})}>
                   <i class="bi-save me-2"></i>
                   {"Submit"}
                 </button>
diff --git a/app/src/components/create_user.rs b/app/src/components/create_user.rs
index b7ece1c..ba39b97 100644
--- a/app/src/components/create_user.rs
+++ b/app/src/components/create_user.rs
@@ -190,6 +190,7 @@ impl Component for CreateUserForm {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         type Field = yew_form::Field<CreateUserModel>;
         html! {
           <div class="row justify-content-center">
@@ -206,13 +207,13 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="username"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="username"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("username")}
                   </div>
@@ -227,14 +228,14 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     input_type="email"
                     field_name="email"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="email"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("email")}
                   </div>
@@ -247,13 +248,13 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     autocomplete="name"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     field_name="display_name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("display_name")}
                   </div>
@@ -266,13 +267,13 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     autocomplete="given-name"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     field_name="first_name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("first_name")}
                   </div>
@@ -285,13 +286,13 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     autocomplete="family-name"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     field_name="last_name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("last_name")}
                   </div>
@@ -304,14 +305,14 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     input_type="password"
                     field_name="password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("password")}
                   </div>
@@ -324,14 +325,14 @@ impl Component for CreateUserForm {
                 </label>
                 <div class="col-8">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     input_type="password"
                     field_name="confirm_password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("confirm_password")}
                   </div>
@@ -340,9 +341,9 @@ impl Component for CreateUserForm {
               <div class="form-group row justify-content-center">
                 <button
                   class="btn btn-primary col-auto col-form-label mt-4"
-                  disabled=self.common.is_task_running()
+                  disabled={self.common.is_task_running()}
                   type="submit"
-                  onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitForm})>
+                  onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitForm})}>
                   <i class="bi-save me-2"></i>
                   {"Submit"}
                 </button>
diff --git a/app/src/components/delete_group.rs b/app/src/components/delete_group.rs
index 881f55f..0934976 100644
--- a/app/src/components/delete_group.rs
+++ b/app/src/components/delete_group.rs
@@ -109,12 +109,13 @@ impl Component for DeleteGroup {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         html! {
           <>
           <button
             class="btn btn-danger"
-            disabled=self.common.is_task_running()
-            onclick=self.common.callback(|_| Msg::ClickedDeleteGroup)>
+            disabled={self.common.is_task_running()}
+            onclick={link.callback(|_| Msg::ClickedDeleteGroup)}>
             <i class="bi-x-circle-fill" aria-label="Delete group" />
           </button>
           {self.show_modal()}
@@ -125,14 +126,15 @@ impl Component for DeleteGroup {
 
 impl DeleteGroup {
     fn show_modal(&self) -> Html {
+        let link = &self.common;
         html! {
           <div
             class="modal fade"
-            id="deleteGroupModal".to_string() + &self.common.group.id.to_string()
+            id={"deleteGroupModal".to_string() + &self.common.group.id.to_string()}
             tabindex="-1"
             aria-labelledby="deleteGroupModalLabel"
             aria-hidden="true"
-            ref=self.node_ref.clone()>
+            ref={self.node_ref.clone()}>
             <div class="modal-dialog">
               <div class="modal-content">
                 <div class="modal-header">
@@ -141,7 +143,7 @@ impl DeleteGroup {
                     type="button"
                     class="btn-close"
                     aria-label="Close"
-                    onclick=self.common.callback(|_| Msg::DismissModal) />
+                    onclick={link.callback(|_| Msg::DismissModal)} />
                 </div>
                 <div class="modal-body">
                 <span>
@@ -153,13 +155,13 @@ impl DeleteGroup {
                   <button
                     type="button"
                     class="btn btn-secondary"
-                    onclick=self.common.callback(|_| Msg::DismissModal)>
+                    onclick={link.callback(|_| Msg::DismissModal)}>
                       <i class="bi-x-circle me-2"></i>
                       {"Cancel"}
                   </button>
                   <button
                     type="button"
-                    onclick=self.common.callback(|_| Msg::ConfirmDeleteGroup)
+                    onclick={link.callback(|_| Msg::ConfirmDeleteGroup)}
                     class="btn btn-danger">
                     <i class="bi-check-circle me-2"></i>
                     {"Yes, I'm sure"}
diff --git a/app/src/components/delete_user.rs b/app/src/components/delete_user.rs
index a003917..a7711ce 100644
--- a/app/src/components/delete_user.rs
+++ b/app/src/components/delete_user.rs
@@ -106,12 +106,13 @@ impl Component for DeleteUser {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         html! {
           <>
           <button
             class="btn btn-danger"
-            disabled=self.common.is_task_running()
-            onclick=self.common.callback(|_| Msg::ClickedDeleteUser)>
+            disabled={self.common.is_task_running()}
+            onclick={link.callback(|_| Msg::ClickedDeleteUser)}>
             <i class="bi-x-circle-fill" aria-label="Delete user" />
           </button>
           {self.show_modal()}
@@ -122,15 +123,16 @@ impl Component for DeleteUser {
 
 impl DeleteUser {
     fn show_modal(&self) -> Html {
+        let link = &self.common;
         html! {
           <div
             class="modal fade"
-            id="deleteUserModal".to_string() + &self.common.username
+            id={"deleteUserModal".to_string() + &self.common.username}
             tabindex="-1"
             //role="dialog"
             aria-labelledby="deleteUserModalLabel"
             aria-hidden="true"
-            ref=self.node_ref.clone()>
+            ref={self.node_ref.clone()}>
             <div class="modal-dialog" /*role="document"*/>
               <div class="modal-content">
                 <div class="modal-header">
@@ -139,7 +141,7 @@ impl DeleteUser {
                     type="button"
                     class="btn-close"
                     aria-label="Close"
-                    onclick=self.common.callback(|_| Msg::DismissModal) />
+                    onclick={link.callback(|_| Msg::DismissModal)} />
                 </div>
                 <div class="modal-body">
                 <span>
@@ -151,13 +153,13 @@ impl DeleteUser {
                   <button
                     type="button"
                     class="btn btn-secondary"
-                    onclick=self.common.callback(|_| Msg::DismissModal)>
+                    onclick={link.callback(|_| Msg::DismissModal)}>
                     <i class="bi-x-circle me-2"></i>
                     {"Cancel"}
                   </button>
                   <button
                     type="button"
-                    onclick=self.common.callback(|_| Msg::ConfirmDeleteUser)
+                    onclick={link.callback(|_| Msg::ConfirmDeleteUser)}
                     class="btn btn-danger">
                     <i class="bi-check-circle me-2"></i>
                     {"Yes, I'm sure"}
diff --git a/app/src/components/group_details.rs b/app/src/components/group_details.rs
index aa3caec..c6699e1 100644
--- a/app/src/components/group_details.rs
+++ b/app/src/components/group_details.rs
@@ -114,17 +114,17 @@ impl GroupDetails {
             html! {
               <tr>
                 <td>
-                  <Link route=AppRoute::UserDetails(user_id.clone())>
+                  <Link route={AppRoute::UserDetails(user_id.clone())}>
                     {user_id.clone()}
                   </Link>
                 </td>
                 <td>{display_name}</td>
                 <td>
                   <RemoveUserFromGroupComponent
-                    username=user_id
-                    group_id=g.id
-                    on_user_removed_from_group=self.common.callback(Msg::OnUserRemovedFromGroup)
-                    on_error=self.common.callback(Msg::OnError)/>
+                    username={user_id}
+                    group_id={g.id}
+                    on_user_removed_from_group={self.common.callback(Msg::OnUserRemovedFromGroup)}
+                    on_error={self.common.callback(Msg::OnError)}/>
                 </td>
               </tr>
             }
@@ -170,10 +170,10 @@ impl GroupDetails {
             .collect();
         html! {
             <AddGroupMemberComponent
-                group_id=g.id
-                users=users
-                on_error=self.common.callback(Msg::OnError)
-                on_user_added_to_group=self.common.callback(Msg::OnUserAddedToGroup)/>
+                group_id={g.id}
+                users={users}
+                on_error={self.common.callback(Msg::OnError)}
+                on_user_added_to_group={self.common.callback(Msg::OnUserAddedToGroup)}/>
         }
     }
 }
diff --git a/app/src/components/group_table.rs b/app/src/components/group_table.rs
index 5087610..7eb47cc 100644
--- a/app/src/components/group_table.rs
+++ b/app/src/components/group_table.rs
@@ -117,9 +117,9 @@ impl GroupTable {
 
     fn view_group(&self, group: &Group) -> Html {
         html! {
-          <tr key=group.id>
+          <tr key={group.id}>
               <td>
-                <Link route=AppRoute::GroupDetails(group.id)>
+                <Link route={AppRoute::GroupDetails(group.id)}>
                   {&group.display_name}
                 </Link>
               </td>
@@ -128,9 +128,9 @@ impl GroupTable {
               </td>
               <td>
                 <DeleteGroup
-                  group=group.clone()
-                  on_group_deleted=self.common.callback(Msg::OnGroupDeleted)
-                  on_error=self.common.callback(Msg::OnError)/>
+                  group={group.clone()}
+                  on_group_deleted={self.common.callback(Msg::OnGroupDeleted)}
+                  on_error={self.common.callback(Msg::OnError)}/>
               </td>
           </tr>
         }
diff --git a/app/src/components/login.rs b/app/src/components/login.rs
index 06adc6e..84ffc8f 100644
--- a/app/src/components/login.rs
+++ b/app/src/components/login.rs
@@ -149,6 +149,7 @@ impl Component for LoginForm {
     fn view(&self) -> Html {
         type Field = yew_form::Field<FormModel>;
         let password_reset_enabled = self.common.password_reset_enabled;
+        let link = &self.common;
         if self.refreshing {
             html! {
               <div>
@@ -169,11 +170,11 @@ impl Component for LoginForm {
                       class="form-control"
                       class_invalid="is-invalid has-error"
                       class_valid="has-success"
-                      form=&self.form
+                      form={&self.form}
                       field_name="username"
                       placeholder="Username"
                       autocomplete="username"
-                      oninput=self.common.callback(|_| Msg::Update) />
+                      oninput={link.callback(|_| Msg::Update)} />
                   </div>
                   <div class="input-group">
                     <div class="input-group-prepend">
@@ -185,7 +186,7 @@ impl Component for LoginForm {
                       class="form-control"
                       class_invalid="is-invalid has-error"
                       class_valid="has-success"
-                      form=&self.form
+                      form={&self.form}
                       field_name="password"
                       input_type="password"
                       placeholder="Password"
@@ -195,8 +196,8 @@ impl Component for LoginForm {
                     <button
                       type="submit"
                       class="btn btn-primary"
-                      disabled=self.common.is_task_running()
-                      onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})>
+                      disabled={self.common.is_task_running()}
+                      onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})}>
                       <i class="bi-box-arrow-in-right me-2"/>
                       {"Login"}
                     </button>
@@ -204,8 +205,8 @@ impl Component for LoginForm {
                       html! {
                         <NavButton
                           classes="btn-link btn"
-                          disabled=self.common.is_task_running()
-                          route=AppRoute::StartResetPassword>
+                          disabled={self.common.is_task_running()}
+                          route={AppRoute::StartResetPassword}>
                           {"Forgot your password?"}
                         </NavButton>
                       }
diff --git a/app/src/components/logout.rs b/app/src/components/logout.rs
index 8eb3f1f..85d510c 100644
--- a/app/src/components/logout.rs
+++ b/app/src/components/logout.rs
@@ -60,10 +60,11 @@ impl Component for LogoutButton {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         html! {
             <button
               class="dropdown-item"
-              onclick=self.common.callback(|_| Msg::LogoutRequested)>
+              onclick={link.callback(|_| Msg::LogoutRequested)}>
               {"Logout"}
             </button>
         }
diff --git a/app/src/components/remove_user_from_group.rs b/app/src/components/remove_user_from_group.rs
index f1b8216..8da2f2e 100644
--- a/app/src/components/remove_user_from_group.rs
+++ b/app/src/components/remove_user_from_group.rs
@@ -86,11 +86,12 @@ impl Component for RemoveUserFromGroupComponent {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         html! {
           <button
             class="btn btn-danger"
-            disabled=self.common.is_task_running()
-            onclick=self.common.callback(|_| Msg::SubmitRemoveGroup)>
+            disabled={self.common.is_task_running()}
+            onclick={link.callback(|_| Msg::SubmitRemoveGroup)}>
             <i class="bi-x-circle-fill" aria-label="Remove user from group" />
           </button>
         }
diff --git a/app/src/components/reset_password_step1.rs b/app/src/components/reset_password_step1.rs
index c936c92..c3ca26c 100644
--- a/app/src/components/reset_password_step1.rs
+++ b/app/src/components/reset_password_step1.rs
@@ -82,6 +82,7 @@ impl Component for ResetPasswordStep1Form {
 
     fn view(&self) -> Html {
         type Field = yew_form::Field<FormModel>;
+        let link = &self.common;
         html! {
             <form
               class="form center-block col-sm-4 col-offset-4">
@@ -95,11 +96,11 @@ impl Component for ResetPasswordStep1Form {
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
-                    form=&self.form
+                    form={&self.form}
                     field_name="username"
                     placeholder="Username or email"
                     autocomplete="username"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                 </div>
                 { if self.just_succeeded {
                     html! {
@@ -111,15 +112,15 @@ impl Component for ResetPasswordStep1Form {
                           <button
                             type="submit"
                             class="btn btn-primary"
-                            disabled=self.common.is_task_running()
-                            onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})>
+                            disabled={self.common.is_task_running()}
+                            onclick={self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})}>
                             <i class="bi-check-circle me-2"/>
                             {"Reset password"}
                           </button>
                           <NavButton
                             classes="btn-link btn"
-                            disabled=self.common.is_task_running()
-                            route=AppRoute::Login>
+                            disabled={self.common.is_task_running()}
+                            route={AppRoute::Login}>
                             {"Back"}
                           </NavButton>
                         </div>
diff --git a/app/src/components/reset_password_step2.rs b/app/src/components/reset_password_step2.rs
index c1cdeba..9f82547 100644
--- a/app/src/components/reset_password_step2.rs
+++ b/app/src/components/reset_password_step2.rs
@@ -150,6 +150,7 @@ impl Component for ResetPasswordStep2Form {
     }
 
     fn view(&self) -> Html {
+        let link = &self.common;
         match (&self.username, &self.common.error) {
             (None, None) => {
                 return html! {
@@ -164,8 +165,8 @@ impl Component for ResetPasswordStep2Form {
                     </div>
                     <NavButton
                       classes="btn-link btn"
-                      disabled=self.common.is_task_running()
-                      route=AppRoute::Login>
+                      disabled={self.common.is_task_running()}
+                      route={AppRoute::Login}>
                       {"Back"}
                     </NavButton>
                   </>
@@ -186,14 +187,14 @@ impl Component for ResetPasswordStep2Form {
                 </label>
                 <div class="col-sm-10">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
                     input_type="password"
-                    oninput=self.common.callback(|_| Msg::FormUpdate) />
+                    oninput={link.callback(|_| Msg::FormUpdate)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("password")}
                   </div>
@@ -206,14 +207,14 @@ impl Component for ResetPasswordStep2Form {
                 </label>
                 <div class="col-sm-10">
                   <Field
-                    form=&self.form
+                    form={&self.form}
                     field_name="confirm_password"
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
                     autocomplete="new-password"
                     input_type="password"
-                    oninput=self.common.callback(|_| Msg::FormUpdate) />
+                    oninput={link.callback(|_| Msg::FormUpdate)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("confirm_password")}
                   </div>
@@ -223,8 +224,8 @@ impl Component for ResetPasswordStep2Form {
                 <button
                   class="btn btn-primary col-sm-1 col-form-label"
                   type="submit"
-                  disabled=self.common.is_task_running()
-                  onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})>
+                  disabled={self.common.is_task_running()}
+                  onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::Submit})}>
                   {"Submit"}
                 </button>
               </div>
diff --git a/app/src/components/select.rs b/app/src/components/select.rs
index b330608..b057638 100644
--- a/app/src/components/select.rs
+++ b/app/src/components/select.rs
@@ -68,9 +68,9 @@ impl Component for Select {
     fn view(&self) -> Html {
         html! {
             <select class="form-select"
-              ref=self.node_ref.clone()
-              disabled=self.props.children.is_empty()
-              onchange=self.link.callback(SelectMsg::OnSelectChange)>
+              ref={self.node_ref.clone()}
+              disabled={self.props.children.is_empty()}
+              onchange={self.link.callback(SelectMsg::OnSelectChange)}>
             { self.props.children.clone() }
             </select>
         }
@@ -105,7 +105,7 @@ impl Component for SelectOption {
 
     fn view(&self) -> Html {
         html! {
-          <option value=self.props.value.clone()>
+          <option value={self.props.value.clone()}>
             {&self.props.text}
           </option>
         }
diff --git a/app/src/components/user_details.rs b/app/src/components/user_details.rs
index ae5e20e..3b0cd29 100644
--- a/app/src/components/user_details.rs
+++ b/app/src/components/user_details.rs
@@ -100,23 +100,24 @@ impl UserDetails {
     }
 
     fn view_group_memberships(&self, u: &User) -> Html {
+        let link = &self.common;
         let make_group_row = |group: &Group| {
             let display_name = group.display_name.clone();
             html! {
-              <tr key="groupRow_".to_string() + &display_name>
+              <tr key={"groupRow_".to_string() + &display_name}>
                 {if self.common.is_admin { html! {
                   <>
                     <td>
-                      <Link route=AppRoute::GroupDetails(group.id)>
+                      <Link route={AppRoute::GroupDetails(group.id)}>
                         {&group.display_name}
                       </Link>
                     </td>
                     <td>
                       <RemoveUserFromGroupComponent
-                        username=u.id.clone()
-                        group_id=group.id
-                        on_user_removed_from_group=self.common.callback(Msg::OnUserRemovedFromGroup)
-                        on_error=self.common.callback(Msg::OnError)/>
+                        username={u.id.clone()}
+                        group_id={group.id}
+                        on_user_removed_from_group={link.callback(Msg::OnUserRemovedFromGroup)}
+                        on_error={link.callback(Msg::OnError)}/>
                     </td>
                   </>
                 } } else { html! {
@@ -154,13 +155,14 @@ impl UserDetails {
     }
 
     fn view_add_group_button(&self, u: &User) -> Html {
+        let link = &self.common;
         if self.common.is_admin {
             html! {
                 <AddUserToGroupComponent
-                    username=u.id.clone()
-                    groups=u.groups.clone()
-                    on_error=self.common.callback(Msg::OnError)
-                    on_user_added_to_group=self.common.callback(Msg::OnUserAddedToGroup)/>
+                    username={u.id.clone()}
+                    groups={u.groups.clone()}
+                    on_error={link.callback(Msg::OnError)}
+                    on_user_added_to_group={link.callback(Msg::OnUserAddedToGroup)}/>
             }
         } else {
             html! {}
@@ -199,7 +201,7 @@ impl Component for UserDetails {
                     <h3>{u.id.to_string()}</h3>
                     <div class="d-flex flex-row-reverse">
                       <NavButton
-                        route=AppRoute::ChangePassword(u.id.clone())
+                        route={AppRoute::ChangePassword(u.id.clone())}
                         classes="btn btn-secondary">
                         <i class="bi-key me-2"></i>
                         {"Modify password"}
@@ -208,8 +210,7 @@ impl Component for UserDetails {
                     <div>
                       <h5 class="row m-3 fw-bold">{"User details"}</h5>
                     </div>
-                    <UserDetailsForm
-                      user=u.clone() />
+                    <UserDetailsForm user={u.clone()} />
                     {self.view_group_memberships(u)}
                     {self.view_add_group_button(u)}
                     {self.view_messages(error)}
diff --git a/app/src/components/user_details_form.rs b/app/src/components/user_details_form.rs
index ca5c1af..0058caf 100644
--- a/app/src/components/user_details_form.rs
+++ b/app/src/components/user_details_form.rs
@@ -173,6 +173,7 @@ impl Component for UserDetailsForm {
 
     fn view(&self) -> Html {
         type Field = yew_form::Field<UserModel>;
+        let link = &self.common;
 
         let avatar_base64 = maybe_to_base64(&self.avatar).unwrap_or_default();
         let avatar_string = avatar_base64
@@ -221,10 +222,10 @@ impl Component for UserDetailsForm {
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
-                    form=&self.form
+                    form={&self.form}
                     field_name="email"
                     autocomplete="email"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("email")}
                   </div>
@@ -240,10 +241,10 @@ impl Component for UserDetailsForm {
                     class="form-control"
                     class_invalid="is-invalid has-error"
                     class_valid="has-success"
-                    form=&self.form
+                    form={&self.form}
                     field_name="display_name"
                     autocomplete="name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("display_name")}
                   </div>
@@ -257,10 +258,10 @@ impl Component for UserDetailsForm {
                 <div class="col-8">
                   <Field
                     class="form-control"
-                    form=&self.form
+                    form={&self.form}
                     field_name="first_name"
                     autocomplete="given-name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("first_name")}
                   </div>
@@ -274,10 +275,10 @@ impl Component for UserDetailsForm {
                 <div class="col-8">
                   <Field
                     class="form-control"
-                    form=&self.form
+                    form={&self.form}
                     field_name="last_name"
                     autocomplete="family-name"
-                    oninput=self.common.callback(|_| Msg::Update) />
+                    oninput={link.callback(|_| Msg::Update)} />
                   <div class="invalid-feedback">
                     {&self.form.field_message("last_name")}
                   </div>
@@ -296,7 +297,7 @@ impl Component for UserDetailsForm {
                         id="avatarInput"
                         type="file"
                         accept="image/jpeg"
-                        oninput=self.common.callback(|_| Msg::Update) />
+                        oninput={link.callback(|_| Msg::Update)} />
                     </div>
                     <div class="col-4">
                       <img
@@ -312,8 +313,8 @@ impl Component for UserDetailsForm {
                 <button
                   type="submit"
                   class="btn btn-primary col-auto col-form-label"
-                  disabled=self.common.is_task_running()
-                  onclick=self.common.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitClicked})>
+                  disabled={self.common.is_task_running()}
+                  onclick={link.callback(|e: MouseEvent| {e.prevent_default(); Msg::SubmitClicked})}>
                   <i class="bi-save me-2"></i>
                   {"Save changes"}
                 </button>
@@ -328,7 +329,7 @@ impl Component for UserDetailsForm {
                 }
               } else { html! {} }
             }
-            <div hidden=!self.just_updated>
+            <div hidden={!self.just_updated}>
               <div class="alert alert-success mt-4">{"User successfully updated!"}</div>
             </div>
           </div>
diff --git a/app/src/components/user_table.rs b/app/src/components/user_table.rs
index aaacba6..7ed78c5 100644
--- a/app/src/components/user_table.rs
+++ b/app/src/components/user_table.rs
@@ -126,9 +126,10 @@ impl UserTable {
     }
 
     fn view_user(&self, user: &User) -> Html {
+        let link = &self.common;
         html! {
-          <tr key=user.id.clone()>
-              <td><Link route=AppRoute::UserDetails(user.id.clone())>{&user.id}</Link></td>
+          <tr key={user.id.clone()}>
+              <td><Link route={AppRoute::UserDetails(user.id.clone())}>{&user.id}</Link></td>
               <td>{&user.email}</td>
               <td>{&user.display_name}</td>
               <td>{&user.first_name}</td>
@@ -136,9 +137,9 @@ impl UserTable {
               <td>{&user.creation_date.naive_local().date()}</td>
               <td>
                 <DeleteUser
-                  username=user.id.clone()
-                  on_user_deleted=self.common.callback(Msg::OnUserDeleted)
-                  on_error=self.common.callback(Msg::OnError)/>
+                  username={user.id.clone()}
+                  on_user_deleted={link.callback(Msg::OnUserDeleted)}
+                  on_error={link.callback(Msg::OnError)}/>
               </td>
           </tr>
         }