app: Set a key for user/group creation buttons

That prevents them from jumping around when changing pages.
This commit is contained in:
Webysther Sperandio
2025-10-05 06:06:45 +02:00
committed by nitnelave
parent 3f9880ec11
commit 9a83e68667
+12 -10
View File
@@ -197,17 +197,19 @@ impl App {
<CreateUserForm/>
},
AppRoute::Index | AppRoute::ListUsers => {
let user_button = html! {
<Link classes="btn btn-primary" to={AppRoute::CreateUser}>
let user_button = |key| {
html! {
<Link classes="btn btn-primary" key={key} to={AppRoute::CreateUser}>
<i class="bi-person-plus me-2"></i>
{"Create a user"}
</Link>
}
};
html! {
<div>
{ user_button.clone() }
{ user_button("top-create-user") }
<UserTable />
{ user_button }
{ user_button("bottom-create-user") }
</div>
}
}
@@ -221,19 +223,19 @@ impl App {
<CreateGroupAttributeForm/>
},
AppRoute::ListGroups => {
let group_button = html! {
<Link classes="btn btn-primary" to={AppRoute::CreateGroup}>
let group_button = |key| {
html! {
<Link classes="btn btn-primary" key={key} to={AppRoute::CreateGroup}>
<i class="bi-plus-circle me-2"></i>
{"Create a group"}
</Link>
}
};
// Note: There's a weird bug when switching from the users page to the groups page
// where the two groups buttons are at the bottom. I don't know why.
html! {
<div>
{ group_button.clone() }
{ group_button("top-create-group") }
<GroupTable />
{ group_button }
{ group_button("bottom-create-group") }
</div>
}
}