Some checks failed
actionlint check / actionlint check (pull_request) Successful in 5s
checkov check / checkov check (pull_request) Successful in 52s
conventional commit messages check / conventional commit messages check (pull_request) Successful in 4s
conventional pull request title check / conventional pull request title check (pull_request) Successful in 2s
dotenv-linter check / dotenv-linter check (pull_request) Successful in 5s
GitLeaks check / GitLeaks check (pull_request) Successful in 6s
hadolint check / hadolint check (pull_request) Successful in 7s
htmlhint check / htmlhint check (pull_request) Successful in 9s
markdownlint check / markdownlint check (pull_request) Successful in 9s
Prettier check / Prettier check (pull_request) Successful in 10s
Rust check / Rust check (pull_request) Failing after 6m20s
ShellCheck check / ShellCheck check (pull_request) Successful in 12s
Stylelint check / Stylelint check (pull_request) Successful in 11s
yamllint check / yamllint check (pull_request) Successful in 13s
49 lines
1.8 KiB
Rust
49 lines
1.8 KiB
Rust
use crate::models::project::Project;
|
|
use crate::query::projects::use_projects_query;
|
|
use crate::query::QueryValue;
|
|
use dioxus::prelude::*;
|
|
use dioxus_query::prelude::QueryResult;
|
|
|
|
#[component]
|
|
pub(crate) fn ProjectsPage() -> Element {
|
|
let projects_query = use_projects_query();
|
|
let mut project_being_edited = use_context::<Signal<Option<Project>>>();
|
|
|
|
rsx! {
|
|
match projects_query.result().value() {
|
|
QueryResult::Ok(QueryValue::Projects(projects))
|
|
| QueryResult::Loading(Some(QueryValue::Projects(projects))) => {
|
|
let mut projects = projects.clone();
|
|
projects.sort();
|
|
rsx! {
|
|
div {
|
|
class: "flex flex-col",
|
|
for project in projects {
|
|
div {
|
|
key: "{project.id()}",
|
|
class: format!(
|
|
"px-8 py-4 select-none {}",
|
|
if project_being_edited().is_some_and(|p| p.id() == project.id()) {
|
|
"bg-zinc-700"
|
|
} else { "" }
|
|
),
|
|
onclick: move |_| project_being_edited.set(Some(project.clone())),
|
|
{project.title()}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
QueryResult::Loading(None) => rsx! {
|
|
// TODO: Add a loading indicator.
|
|
},
|
|
QueryResult::Err(errors) => rsx! {
|
|
div {
|
|
"Errors occurred: {errors:?}"
|
|
}
|
|
},
|
|
value => panic!("Unexpected query result: {value:?}")
|
|
}
|
|
}
|
|
}
|