feat: sort the project list

This commit is contained in:
Matouš Volf 2024-09-09 18:51:15 +02:00
parent a7e78ba628
commit 2d08f82822

View File

@ -12,20 +12,24 @@ pub(crate) fn ProjectsPage() -> Element {
rsx! { rsx! {
match projects_query.result().value() { match projects_query.result().value() {
QueryResult::Ok(QueryValue::Projects(projects)) QueryResult::Ok(QueryValue::Projects(projects))
| QueryResult::Loading(Some(QueryValue::Projects(projects))) => rsx! { | QueryResult::Loading(Some(QueryValue::Projects(projects))) => {
div { let mut projects = projects.clone();
class: "flex flex-col", projects.sort();
for project in projects.clone() { rsx! {
div { div {
key: "{project.id()}", class: "flex flex-col",
class: format!( for project in projects {
"px-8 py-4 select-none {}", div {
if project_being_edited().is_some_and(|p| p.id() == project.id()) { key: "{project.id()}",
"bg-zinc-700" class: format!(
} else { "" } "px-8 py-4 select-none {}",
), if project_being_edited().is_some_and(|p| p.id() == project.id()) {
onclick: move |_| project_being_edited.set(Some(project.clone())), "bg-zinc-700"
{project.title()} } else { "" }
),
onclick: move |_| project_being_edited.set(Some(project.clone())),
{project.title()}
}
} }
} }
} }