feat: list sorting #42
@ -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()}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user